Mobilni saobraćaj
Susrećemo se sa mobilnim saobraćajem
Ako Google ne označi vašu web lokaciju kao mobilnu, ona će nestati iz vidokruga mobilnih korisnika. Jer prilikom pretraživanja na mobilnim uređajima, Google uzima u obzir prisustvo odgovarajuće optimizacije prilikom rangiranja rezultata. Mobilni saobraćaj je "prekinut", prodaja opada, poslovanje gubi. 
Kako da prođem Google test brzine?
Potrebne komponente:Mobilni saobraćaj sve više uzima maha!
Upoznajte prave mobilne klijente uz 1C-Bitrix platformu!
Mislite da nemate mobilni saobraćaj?
Provjeri. Mobilni promet sada prevladava na mnogim stranicama koje uopće nisu namijenjene za mobilno gledanje i nemaju mobilne verzije. Na primjer, uzgajivači cvijeća, ljubitelji knjiga i drugi članovi različitih zajednica sve više pristupaju webu s mobilnih uređaja.
Sastanak sa mobilnim klijentima
Vaša stranica će nestati sa prvih stranica Google rezultata pretrage ako je neprikladna za gledanje na mobilnim uređajima.
Google je poslao upozorenja loše optimiziranim mobilnim stranicama da će ove stranice ispasti u rezultatima pretraživanja od 21. aprila 2015.
Zašto je toliko važno biti prilagođen mobilnim uređajima?
Sigurno su mnogi prešli s rezultata Google pretraživanja na stranice koje nisu optimizirane za gledanje na pametnim telefonima. Stranice sa sitnim linkovima i teško čitljivim tekstom koji takođe ne stanu na ekran uređaja ostavljaju loš utisak.
Google će označiti mobilne stranice u rezultatima pretraživanja
"Kako bismo spriječili potencijalne neugodnosti za korisnike mobilnih uređaja prilikom pregledavanja, označit ćemo stranice koje su optimizirane za pametne telefone i tablete u našim rezultatima pretraživanja."
Šta ako Google ne označi vašu web lokaciju kao mobilnu? Naime, stranica će nestati iz vidnog polja korisnika koji pristupaju internetu s mobilnih uređaja. Jer prilikom pretraživanja na mobilnim uređajima, Google uzima u obzir prisustvo odgovarajuće optimizacije prilikom rangiranja rezultata. Mobilni saobraćaj je "presječen", prodaja opada, poslovanje gubi.
Kako ispuniti nove zahtjeve?
Šta treba učiniti?- Testirajte se i dobijete izvještaj
- Istražite sve preporuke
- Uklonite probleme i nedostatke
- Označite Google Mobile
Da biste saznali ispunjavaju li vaše stranice nove zahtjeve, samo trebate proći kroz njih postupak verifikacije optimizacija za mobilne uređaje.
Nije optimizirano za mobilne uređaje!
Da biste otklonili sve identificirane probleme pri gledanju sa pametnih telefona i tableta, štoviše, ne jedne stranice, već cijele vaše web stranice, morate učiniti mnogo. Posebno je potrebno proučiti vodiče za webmastere o kreiranju i optimizaciji mobilnih verzija sajtova, dokumentaciju o postavljanju sistema za upravljanje sadržajem i šablone sajtova. To mogu samo stručnjaci.
Prilagodljivi izgled
Prilagođavamo stranicu mobilnom tržištu
Spremni za primanje mobilnih posjetiteljaSvaka stranica vaše web stranice, ako je na 1C-Bitrix platformi, trenutno se obnavlja za bilo koji uređaj. Vaša web lokacija je spremna za mobilnu, tablet i desktop verziju. Osim toga, Touch sučelje je podržano u svim komponentama online trgovine.
Internetske trgovine na platformi 1C-Bitrix - s prilagodljivim predloškom
Framework sa korisnim izgledom (Bootstrap 3) ugrađen je u jezgro proizvoda 1C-Bitrix: Site Management. Universal Layout Framework olakšava i brže kreiranje bilo koje vrste web-stranice prilagođene mobilnim uređajima.
Prva stvar koju treba početi je promjena principa izgleda stranice.
Prilikom dizajniranja strukture morate odmah uzeti u obzir zahtjeve za prilagodljivim izgledom.
Morate to učiniti dijelom svog proizvodnog ciklusa!
Univerzalni okvir
Savremena tehnologija adaptivnog rasporeda
Vaša stranica je u početku prilagođena mobilnim uređajimaVaša stranica je u početku spremna za gledanje na bilo kojem uređaju, uključujući i mobilne. Jezgro proizvoda verzije 15.5 ima ugrađeni univerzalni okvir za izgled, koji olakšava i ubrzava kreiranje mobilno prilagođenog (odgovarajućeg za mobilne uređaje) bilo koje vrste web stranice.
Odaziv za sve!
- Generički okvir za izgled (Bootstrap 3)
- Velika brzina izrade responzivnih stranica
- Izvan kutije spremnost za mobilne, tablet i desktop uređaje
- Podrška za dodirni interfejs u svim komponentama internet prodavnice
Gotovo rješenje "Internet prodavnica" uključeno u isporuku proizvoda dobilo je novi prelijepi šablon. Okvir sa korisnim izgledom (Bootstrap 3) omogućava vam da koristite predložak za bilo koju šemu online prodavnice. Svaka stranica vaše trgovine sada je trenutno obnovljena za bilo koji uređaj.
Mobilni saobraćaj
Susrećemo se sa mobilnim saobraćajem
Ako Google ne označi vašu web lokaciju kao mobilnu, ona će nestati iz vidokruga mobilnih korisnika. Jer prilikom pretraživanja na mobilnim uređajima, Google uzima u obzir prisustvo odgovarajuće optimizacije prilikom rangiranja rezultata. Mobilni saobraćaj je "prekinut", prodaja opada, poslovanje gubi. 
Kako da prođem Google test brzine?
Potrebne komponente:Mobilni saobraćaj sve više uzima maha!
Upoznajte prave mobilne klijente uz 1C-Bitrix platformu!
Mislite da nemate mobilni saobraćaj?
Provjeri. Mobilni promet sada prevladava na mnogim stranicama koje uopće nisu namijenjene za mobilno gledanje i nemaju mobilne verzije. Na primjer, uzgajivači cvijeća, ljubitelji knjiga i drugi članovi različitih zajednica sve više pristupaju webu s mobilnih uređaja.
Sastanak sa mobilnim klijentima
Vaša stranica će nestati sa prvih stranica Google rezultata pretrage ako je neprikladna za gledanje na mobilnim uređajima.
Google je poslao upozorenja loše optimiziranim mobilnim stranicama da će ove stranice ispasti u rezultatima pretraživanja od 21. aprila 2015.
Zašto je toliko važno biti prilagođen mobilnim uređajima?
Sigurno su mnogi prešli s rezultata Google pretraživanja na stranice koje nisu optimizirane za gledanje na pametnim telefonima. Stranice sa sitnim linkovima i teško čitljivim tekstom koji takođe ne stanu na ekran uređaja ostavljaju loš utisak.
Google će označiti mobilne stranice u rezultatima pretraživanja
"Kako bismo spriječili potencijalne neugodnosti za korisnike mobilnih uređaja prilikom pregledavanja, označit ćemo stranice koje su optimizirane za pametne telefone i tablete u našim rezultatima pretraživanja."
Šta ako Google ne označi vašu web lokaciju kao mobilnu? Naime, stranica će nestati iz vidnog polja korisnika koji pristupaju internetu s mobilnih uređaja. Jer prilikom pretraživanja na mobilnim uređajima, Google uzima u obzir prisustvo odgovarajuće optimizacije prilikom rangiranja rezultata. Mobilni saobraćaj je "presječen", prodaja opada, poslovanje gubi.
Kako ispuniti nove zahtjeve?
Šta treba učiniti?- Testirajte se i dobijete izvještaj
- Istražite sve preporuke
- Uklonite probleme i nedostatke
- Označite Google Mobile
Da biste saznali ispunjavaju li vaše stranice nove zahtjeve, samo trebate proći kroz njih postupak verifikacije optimizacija za mobilne uređaje.
Nije optimizirano za mobilne uređaje!
Da biste otklonili sve identificirane probleme pri gledanju sa pametnih telefona i tableta, štoviše, ne jedne stranice, već cijele vaše web stranice, morate učiniti mnogo. Posebno je potrebno proučiti vodiče za webmastere o kreiranju i optimizaciji mobilnih verzija sajtova, dokumentaciju o postavljanju sistema za upravljanje sadržajem i šablone sajtova. To mogu samo stručnjaci.
Prilagodljivi izgled
Prilagođavamo stranicu mobilnom tržištu
Spremni za primanje mobilnih posjetiteljaSvaka stranica vaše web stranice, ako je na 1C-Bitrix platformi, trenutno se obnavlja za bilo koji uređaj. Vaša web lokacija je spremna za mobilnu, tablet i desktop verziju. Osim toga, Touch sučelje je podržano u svim komponentama online trgovine.
Internetske trgovine na platformi 1C-Bitrix - s prilagodljivim predloškom
Framework sa korisnim izgledom (Bootstrap 3) ugrađen je u jezgro proizvoda 1C-Bitrix: Site Management. Universal Layout Framework olakšava i brže kreiranje bilo koje vrste web-stranice prilagođene mobilnim uređajima.
Prva stvar koju treba početi je promjena principa izgleda stranice.
Prilikom dizajniranja strukture morate odmah uzeti u obzir zahtjeve za prilagodljivim izgledom.
Morate to učiniti dijelom svog proizvodnog ciklusa!
Univerzalni okvir
Savremena tehnologija adaptivnog rasporeda
Vaša stranica je u početku prilagođena mobilnim uređajimaVaša stranica je u početku spremna za gledanje na bilo kojem uređaju, uključujući i mobilne. Jezgro proizvoda verzije 15.5 ima ugrađeni univerzalni okvir za izgled, koji olakšava i ubrzava kreiranje mobilno prilagođenog (odgovarajućeg za mobilne uređaje) bilo koje vrste web stranice.
Odaziv za sve!
- Generički okvir za izgled (Bootstrap 3)
- Velika brzina izrade responzivnih stranica
- Izvan kutije spremnost za mobilne, tablet i desktop uređaje
- Podrška za dodirni interfejs u svim komponentama internet prodavnice
Gotovo rješenje "Internet prodavnica" uključeno u isporuku proizvoda dobilo je novi prelijepi šablon. Okvir sa korisnim izgledom (Bootstrap 3) omogućava vam da koristite predložak za bilo koju šemu online prodavnice. Svaka stranica vaše trgovine sada je trenutno obnovljena za bilo koji uređaj.
Odmah bih želio da izrazim svoju zahvalnost Mihailu Bazarovu za članak na njegovom blogu, koji me je inspirisao da odem dalje i implementiram moderniju verziju autodetekcije mobilne verzije stranice. Takođe veliko hvala Stanislavu Sazonovu na njegovim savetima i što me je upoznao sa Bootstrap tehnologijom.
Responzivni dizajn ili mobilna verzija predloška web stranice?
Što se tiče prikaza sadržaja, ovo ne čini veliku razliku. Ali da biste ovaj sadržaj prikazali na ekranu vašeg uređaja, prvo ga morate preuzeti. Dobro je ako je korisnik povezan na pristupnu tačku velike brzine Interneta. U idealnom slučaju, ovo je laptop koji se prijavio na World Wide Web preko wi-fi pristupne tačke. Ali koliko vremena i živaca gubimo kada imamo mobilni telefon u ruci, a veza nije čak ni 3G, već običan GPRS.
Sada zamislite da stranica koju želite ima samo punu originalnu verziju predloška stranice. Ova verzija je prekrasna: sa animacijama, slikama, stilovima, skriptama i gomilom linija svih vrsta koda. I tako, otišli ste na ovu stranicu... 10 sekundi, 20... I svi čekamo. U najgorim uvjetima, vrijeme od klika na link do preuzimanja sadržaja i davanja na displeju može potrajati i do jedne minute. Ima slučajeva i težih... Kako biti? Ali imamo responzivni dizajn, trebao bi biti lijepo prikazan na mobilnim telefonima, bez animacija i velikih slika.
Biće prikazano, ali tokom učitavanja izvlači sav sadržaj, čak i onaj koji se ne prikazuje. šta da radim? Sve je vrlo jednostavno - potreban vam je poseban i također responzivan predložak web stranice.
Bitrix mobilna web stranica
Alias domene
Tako gospodo! Prva stvar koju treba da uradimo je poddomena za naš glavni domen. Najbolje je da ne izmislite točak, već da kreirate poddomen tipa. Na internetu sam vidio da momci opisuju povezivanje različitih šablona bez kreiranja aliasa domene za mobilnu verziju. Sve je dobro, ali mi smo korisnici Bitrixa i koristimo tehnologiju Composite Site. A ako se na istim adresama prikažu različiti predlošci, tada će se izgubiti značenje kompozita, jer će se keš memorija stalno prepisivati. Već sam prošao kroz ovo. Stoga nam je potreban dodatni alias domene.
Lagani šablon
Sada moramo kreirati, a bolje je unaprijed pripremiti poseban predložak za mobilne uređaje. Koliko će biti lagan zavisi od programera. Ali bolje je ukloniti sve nepotrebne js, css datoteke ili minimizirati njihov kod. Na primjer, uklonite sve nekorištene stilove. Uklonite nepotrebne animacije, klizače. Naravno, potpuno je neprihvatljivo ostaviti flash na mobilnoj verziji. Takođe olakšajte PHP kod. Onemogućite prikazivanje nepotrebnih komponenti na mobilnim verzijama. Ovo može biti filter na listi proizvoda. Kao što sam primijetio kod njega, generiranje stranice pri prvom pogotku traje duže.Mobilna detekcija
Mobilna detekcija je lagana PHP klasa za otkrivanje mobilnih uređaja (uključujući tablete). Koristi string User-Agent u kombinaciji sa specifičnim HTTP zaglavljima za otkrivanje mobilnog okruženja. Preuzimanje svježeg fajla Mobile_Detect.php direktno sa web stranice programera mobiledetect.net. Instalirajte ovu datoteku na server, direktno u direktorij šablona "pored" datoteke header.php. U oba šablona, u header.php, uključite ovu datoteku i postavite uslov za preusmjeravanje.Kodiranje
Pa, pređimo na pisanje samog koda. Da zaobiđemo tehnologiju kompozitnog sajta i ne prekinemo kreiranje kompozitne keš memorije, potrebna nam je datoteka header.php, koja je povezana čak i pre nego što se poveže datoteka header.php samog šablona sajta. Ovaj fajl se nalazi na /bitrix/header.php. I pišemo sljedeći kod:Sva moderna izdanja "1C-Bitrix: Upravljanje web stranicama" u početku sadrže sveobuhvatan skup alata i funkcija za prilagođavanje mobilnim uređajima. Stoga, ako ste odabrali CMS Bitrix za svoj internetski resurs, donijeli ste ispravnu odluku i uštedjeli ne samo na razvoju dodatne verzije, već i na promociji vašeg projekta u tražilicama.
Google i Yandex poštuju mobilnost
U algoritmima najveće tražilice Google postoji posebna oznaka "Za mobilne". A ako niste dobili takvu oznaku, onda možete zaboraviti na mobilni promet - sistem automatski uklanja stranice iz rezultata pretraživanja na pametnim telefonima i tabletima koji nisu prošli odgovarajući test.
Ni Yandex ne zaostaje. Domaći lider pretraživanja također dugo smatra prilagodljivost mobilnim uređajima kao važan faktor u rangiranju rezultata pretraživanja. A Yandex.Webmaster čak ima i posebnu funkciju za dijagnosticiranje ovog parametra.
Uzimajući u obzir ulogu koju gadgeti i pametni telefoni igraju u našem današnjem životu, postaje očito da je mobilna verzija stranice nezamjenjiv element svake prodajne odredišne stranice, informativnog portala i, osim toga, online trgovine.
Site Toolkit
na Bitrixu
Tvoje radnje
Naravno, nećete moći stajati po strani. Da bi vaša mobilna stranica ostala na visokom cijenjenju među robotima za pretraživanje, bila zgodna za korisnike i donosila dobar profit, potreban vam je kompetentan i kvalitetan sadržaj.
Odaberite Bitrix i ostvarite ne samo zadovoljstvo od posla, već i maksimalnu ekonomsku korist. A menadžeri internet agencije Dextra uvijek će rado odgovoriti na vaša pitanja i pomoći vam da pravilno formulirate zadatke, bilo da je riječ o pokretanju novog projekta, adaptaciji, uređivanja izgleda ili pripremi visokokvalitetnog sadržaja.
Često je potrebno promijeniti ili dopuniti neke elemente šablona, ili potpuno preraditi predložak. Obično, da bi se u potpunosti promijenio dizajn stranice, na poddomenu se kreira test stranica i na njoj se radi na prilagođavanju šablona. Ovaj pristup nije najlakši jer može dovesti do problema s prijenosom na glavni domen. Trenutno su mobilne verzije stranice potrebne ne samo zbog pogodnosti korisnika, tražilice sve više daju prednost stranicama s mobilnim verzijama, koristeći ovu metodu lako možete prilagoditi predložak za mobilne verzije bez zaustavljanja postojećeg projekta. Podrška za neograničen broj predložaka u 1C-Bitrixu.
Svi koji rade u 1C-Bitrix-u znaju da CMS pruža mogućnost povezivanja neograničenog broja šablona. Za one koji nisu upoznati, hajde da pogledamo kako se koristi multitasking implementacija.Da biste dodali šablon, potrebno je da odete u odeljak u administrativnom delu sajta, "Podešavanja" - "Postavke proizvoda" - "Siteovi" u padajućem meniju u odeljku "Siteovi", postoje dva pododeljka - "Šabloni sajtova" i "Lista sajtova".
Kopiranje glavnog šablona stranice.
Prvo, kopirajmo predložak web-mjesta, za to idemo u odjeljak "Šabloni web-mjesta" i kopiramo predložak kako bismo kasnije mogli raditi s njim. Pritisnite dugme za kopiranje kao što je prikazano na snimku ekrana:Primijenite predložak na web lokaciju za uređivanje.
Nama ostaje da primenimo šablon na sajt, ali pošto sajt radi i korisnici mogu da budu na njemu, a ne trebaju nam da vide promene koje se na sajtu vrše, mi ćemo šablon povezati po uslovu - "Parametar u URL-u". Učinimo ovo - idite na odjeljak "Lista web-mjesta" i idite na postavke stranice za koju želite promijeniti. Na samom dnu stranice za podešavanje stranice nalazi se blok "Site Template". Izaberite kopiju našeg predloška sa liste u koloni "Predložak", postavite uslov "Parametar u URL-u" i dodajte bilo koji uslov koji vam odgovara, na primer test = Y, kao što je prikazano na snimku ekrana:Sada će se prikazati kopija vašeg predloška ako ovaj parametar proslijedite url-u, kao što slijedi site.ru/?test=Y gdje je site.ru domena vaše stranice. Ovaj uslov će raditi za sve sekcije i stranice vašeg sajta, na primer, ako želite da vidite kako će šablon izgledati u određenom delu sajta, idite na ovaj odeljak i prosledite svoj parametar, u ovom slučaju? Test = Y i stranica će biti prikazana sa novim šablonom.
Sada možete uređivati novi predložak dok vaši posjetitelji vide stranicu kao i obično. Imajte na umu da će se sve promjene morati izvršiti u folderu novog predloška, a ako trebate promijeniti predloške komponente koji nisu u mapi, morat ćete kopirati predložak komponente u mapu s novim šablonom. Ni u kom slučaju nemojte uređivati komponente u mapi /bitrix, to može dovesti do kritičnih posljedica. I uvijek napravite rezervnu kopiju u 1C-Bitrix Cloud.
Pa, to je zapravo cijela tehnika, nadamo se da će vam pomoći da uštedite vrijeme.
