Cum să redirecționați utilizatorii mobili pe site-ul dvs. web
ați încercat vreodată să tastați adresa URL m.facebook.com pe desktop? Încercați și veți vedea că site-ul arată ciudat pe marele ecran.
în mod similar, încercați să deschideți un site web local aleatoriu pe telefonul mobil. S-ar putea să întâlniți unele site-uri care nu sunt optimizate pentru mobil și, prin urmare, vă aruncă la prima vedere. Astfel de site-uri au tendința de a-și pierde publicul mobil față de concurenții lor.
Responsive Web Design
aceste zile, toate platformele CMS bune vă permit să construiți site-uri web folosind un design receptiv, care se adaptează în funcție de dimensiunea ecranului.
este important să revizuiți modul în care site – ul dvs. web apare pe diferite dispozitive-aceasta poate însemna diferența dintre menținerea vizitatorilor implicați pe site-ul dvs. web și pierderea acestora, pentru a nu mai reveni niciodată.
este important să menționăm, de asemenea, că, de când Google s-a mutat la indexarea mobilă, versiunea mobilă a site-ului dvs. web este ceea ce contează pentru Google, ceea ce înseamnă că este puțin probabil să funcționeze bine în căutare dacă determină vizitatorii să aibă o experiență de utilizator proastă.
site-uri Mobile
deși devine din ce în ce mai neobișnuit, unele companii preferă în continuare să aibă un site web separat pentru utilizatorii de telefonie mobilă. Acest lucru vine cu o mulțime de probleme potențiale care pot fi ușor evitate.
verificați pentru a vă asigura că site-ul dvs. este mobil prietenos
puteți verifica site-ul dvs. a fost corect de configurare pentru mobil prin rularea unui comentariu WooRank gratuit.
atunci când merge în jos ruta separat site-ul mobil, tThere sunt două lucruri importante care trebuie să fie luate de îngrijire pentru a asigura o mare experiență de navigare mobil pentru utilizatorii de telefonie mobilă:
- creați un site web mobil care oferă o experiență excelentă pentru utilizator
- redirecționați site-ul dvs. pentru utilizatorii mobili
desigur, dacă aveți un site web mobil creat folosind instrumente pentru un design web receptiv, nu ar trebui să vă faceți griji cu privire la redirecționarea vizitatorilor dvs. mobili.
redirecționarea site-ului dvs. mobil
dacă creați un site mobil separat, dar nu îl configurați pentru a redirecționa către utilizatorii dvs. mobili în mod corect, tot timpul și efortul depus pentru crearea unui site mobil ar merge la deșeuri.
prin urmare, astăzi vom discuta diferitele moduri în care puteți redirecționa utilizatorii mobili către site-ul dvs. mobil. Redirecționările sunt aplicabile numai dacă aveți un site mobil separat.
cum redirecționez către un site mobil?
acum, că sunteți pe cale să aflați cum să redirecționați utilizatorii de telefonie mobilă către site-ul dvs. mobil, să explicăm cum funcționează redirecționarea.
există browser-ul desktop pentru utilizatorii de desktop, și browsere mobile pentru utilizatorii de telefonie mobilă. Ambele tipuri de browser trimit date sub forma unui’ user-agent ‘ către serverul web unde se află site-ul dvs. web. Acest ‘user-agent’ conține informații care va spune serverul web Tipul de dispozitiv browser-ul este deschis în. Aceste informații includ numele browserului, versiunea și alte informații despre sistemul dvs. de operare.
de exemplu, încercați să introduceți următoarea adresă URL pe telefonul smartphone – detectmobilebrowser.com. informațiile pe care le vedeți acolo sunt oarecum similare cu informațiile trimise către serverul dvs. web de pe tot dispozitivul mobil de pe care este accesat site-ul dvs. web.
în afară de metoda de detectare user-agent, există încă un factor care ajută la detectarea utilizatorilor mobili. Acest factor este rezoluția ecranului. Cu toate acestea, cu dispozitivele moderne, rezoluțiile ecranului sunt mai mari pentru ecranele smartphone-urilor chiar mai mici. Prin urmare, factorul utilizator-agent este cea mai comună metodă utilizată pentru identificarea utilizatorilor mobili.
acum, să trecem la afaceri și să vorbim despre diferitele metode prin care puteți aplica o redirecționare către site-ul dvs. pentru utilizatorii dvs. de telefonie mobilă.
- metoda Plugin
- metoda Javascript
- metoda PHP
- The .metoda htaccess
- noua metodă CSS @media
metoda pluginului
dacă utilizați o platformă CMS (Content Management System), cum ar fi WordPress sau Joomla, aveți noroc. Au pluginuri gata făcute care ajută la redirecționarea utilizatorilor mobili către site-ul dvs. mobil.
unele dintre aceste pluginuri de redirecționare mobilă specifice CMS sunt următoarele:
pentru WordPress –Simple Mobile URL Redirect, WordPress Mobile Pack
pentru Joomla – simple mobile Detection
pentru Magento – URL Redirects
pentru Drupal – Simple Mobile Redirect,Mobile JS Redirect
în cazul în care site-ul dvs. este creat în orice alt CMS, încercați o căutare Google pentru un plugin care ajută cu redirecționări mobile pentru că Special CMS.
metoda JavaScript
folosind un cod JavaScript puteți redirecționa vizitatorii dvs. mobili către site-ul dvs. mobil. Acest cod JS poate detecta fie dimensiunea ecranului sau user-agent.
codul JS care utilizează dimensiunea ecranului poate fi găsit în următorul articol: Cum să redirecționați site-ul dvs. web către versiunea sa mobilă.
codul JS care utilizează user-agent – acest cod în următoarele artice: redirecționa dispozitive mobile.
puteți aplica ambele seturi de coduri pe site-ul dvs. Cu toate acestea, există dezavantaje la ambele metode.
în metoda dimensiunii ecranului, definiți rezoluția ecranului, dar în aceste zile avem ecrane de dispozitive portabile mai mici, cu rezoluție mai mare. Acest lucru poate duce la detectarea incorectă a utilizatorilor de telefonie mobilă.
în metoda user-agent, este greu pentru a urmări fiecare nou și viitoare user-agent și adăugându-le la codul JS. Există mulți agenți de utilizator și acest lucru continuă să se schimbe în mod constant odată cu dezvoltarea tehnologiilor. De exemplu, aruncați o privire la această listă extinsă de agenți utilizator.
și cel mai mare dezavantaj al tuturor este pentru utilizatorii care nu au JavaScript instalat pe telefoanele lor. Deși, cele mai multe telefoane sunt echipate cu JavaScript unii aleg să-l dezactivați. Unele modele Blackberry vechi nu acceptă JavaScript. Pentru a depăși aceste obstacole, puteți utiliza redirecționarea din partea serverului pentru site-urile codificate în PHP sau ASP.
metoda PHP
dacă site-ul dvs. este codificat în PHP, puteți utiliza această metodă pentru a redirecționa utilizatorii de telefonie mobilă. Avantajul utilizării acestei metode este că nu vă limitați la browserele care rulează pe JavaScript. Cu toate acestea, va trebui să enumerați mai mulți agenți de utilizator.
pentru ca acest script să funcționeze, extensiile de pagină trebuie să fie .php și contul dvs. de găzduire trebuie să accepte PHP. Adăugați următorul cod la secțiunea
a site-ului dvs. web.
<?php $iphone = strpos($_SERVER,"iPhone"); $android = strpos($_SERVER,"Android"); $palmpre = strpos($_SERVER,"webOS"); $berry = strpos($_SERVER,"BlackBerry"); $ipod = strpos($_SERVER,"iPod"); if ($iphone || $android || $palmpre || $ipod || $berry == true) { echo "](https://s3.amazonaws.com/woocms.woorank.com/2020/05/poor-mobile-optimization.png"; } ?>puteți găsi acest cod în următorul articol: cod simplu de redirecționare a site-ului mobil PHP.
înlocuiți http://m.site.com cu adresa URL a site-ului dvs. mobil.
la .metoda htaccess
o altă metodă alternativă de redirecționare a utilizatorului mobil pe site-ul dvs. mobil, pe baza tipului MIME acceptat de browser, este .metoda htaccess. De exemplu, dacă tipul de browser acceptă tipul MIME care include WML (Wireless Markup Language), browserul este de pe un dispozitiv mobil.
puteți plasa codul recomandat în acest articol intitulat redirecționare către un site mobil cu .acces.
dar înainte de a lipi acest cod, asigurați-vă că faceți o copie de rezervă existentă .fișier htaccess. Instalarea .codul htaccess incorect poate cauza probleme pe site-ul dvs. Dacă nu sunteți sigur cum să o faceți singur, cereți ajutorul unui dezvoltator web.
înlocuiți http://m.example.com cu adresa URL a site-ului dvs. mobil.
noua metodă CSS @media
CSS are o metodă încorporată pentru detectarea browserelor mobile. Apoi afișează stiluri CSS bazate pe dimensiunea ferestrei browserului. Pentru aceasta nu aveți nevoie de un site mobil separat. Aveți nevoie de două foi de stil într-o singură pagină web, prima pentru tipul de suport „ecran” (pentru monitoarele desktop) și cealaltă pentru tipul de suport „handheld” (pentru smartphone-uri).
pentru a implementa această metodă, trebuie să lipiți următorul set de coduri în eticheta
a documentului HTML.
<br /> /* Smartphones (portrait and landscape) ----------- */<br /> @media only screen<br /> and (min-device-width : 320px)<br /> and (max-device-width : 480px)<br /> /* Styles */<br />veți găsi acest cod și multe alte variante în această pagină intitulată interogări Media pentru dispozitive Standard.
există multe dezavantaje ale utilizării acestei metode. Este nevoie de adăugarea unui set imens de cod CSS pe site. Există încă unele dispozitive care nu acceptă ‘handheld’ tipuri de mass-media și face paginile cu ‘ecran’ setările de afișare în schimb.
astfel, există multe modalități de a redirecționa utilizatorii mobili către site-ul dvs. mobil, așa cum sunt enumerate mai sus. Puteți plasa mai multe scripturi în secțiunea principală a site-ului dvs. web, să zicem, de exemplu, scriptul care detectează dimensiunea ecranului, precum și agenții utilizator.
dar treaba ta nu se face până când aveți redirecționări mobile de lucru bine pentru motoarele de căutare bots, precum și. Mai ales, în cazul Google, există câteva configurații pe care trebuie să le faceți pentru a face diferența între adresa URL a desktopului și adresa URL mobilă.
pentru mai multe informații citiți blogul Google webmastercentral despre modificările clasamentului rezultatelor căutării smartphone-urilor și informații despre tehnicile de redirecționare acceptate de Google.
trebuie să adăugați o adresă URL canonică pe site-ul dvs. mobil, astfel încât Google să înțeleagă relația dintre adresa URL mobilă și adresa URL desktop.
pentru a ajuta Googlebot să descopere locația paginilor mobile ale site-ului dvs., Google recomandă site-urile web trebuie să:
adăugați o etichetă rel=”alternate” pe pagina desktop care indică adresa URL mobilă corespunzătoare.
adăugați o etichetă rel=”canonical” pe pagina mobilă care indică adresa URL corespunzătoare pentru desktop.
acest lucru permite crawlerelor Google să înțeleagă relația dintre cele două adrese URL – desktop și mobil.
după ce ați plasat redirecționări adecvate pe site-ul dvs. pentru utilizatorii dvs. de telefonie mobilă, este timpul să testați dacă redirecționările funcționează bine pentru diferite dispozitive. Testarea manuală pe orice dispozitiv smartphone disponibil este o modalitate de a face acest lucru. Dar puteți utiliza și aceste emulatoare mobile pentru a testa redarea corectă a site-ului dvs. mobil pe diferite dispozitive mobile.
amintiți-vă, Utilizarea corectă a redirecționări mobile este un pas critic în asigurarea site-ul dvs. mobil este motor de căutare prietenos. Dacă site-ul dvs. nu este redirecționat bine pentru utilizatorii dvs. de telefonie mobilă, este posibil să pierdeți și o mulțime de afaceri valoroase. Prin urmare, atât pentru SEO, cât și pentru modificările pozitive ale ratelor de conversie, trebuie să luați măsuri imediate pentru a vă redirecționa site-ul web pentru utilizatorii dvs. de telefonie mobilă folosind una dintre metodele de mai sus.
această postare pe blog a fost actualizată la 15 ianuarie 2020