Mirëdita, të dashur lexues të blogut! Sot do t'ju tregoj për vështirësitë me të cilat përballen shumë webmaster. Me siguri shumë prej jush kanë hasur në një mesazh në Google SERP, i cili tha se faqja e faqes nuk është e optimizuar për pajisje celulare. Duke klikuar në lidhjen, ju kontrolloni përputhshmërinë me pajisje celulare dhe ju merrni 2 gabime në ekran: përmbajtja është më e gjerë se ekrani dhe elementët ndërveprues pozicionohen shumë shpejt. Sot do t'ju tregoj se si ta zgjidhni këtë problem.
Mesazh për një faqe të pa optimizuar në rezultatet e kërkimit të Google
Optimizimi i një faqeje të vetme për pajtueshmërinë me pajisjet celulare
Problemi i përmbajtjes më të gjerë se ekrani shfaqet në shumë sajte. Ajo që është më e vështira, një problem i tillë shfaqet edhe nëse e keni shabllon i përgjegjshëm faqe ose bëri një version të veçantë celular. Ishte duke krijuar një version të veçantë celular që u përpoqa ta zgjidhja kjo pyetje, megjithatë, gjithçka doli të ishte shumë më e thjeshtë. Disa përpjekje të tjera për të zgjidhur këtë problem:
- Kam instaluar një shtesë për kompresimin e imazheve dhe mediave për pajisje të ndryshme
- krijoi një version të veçantë celular të faqes
- ndryshoi cilësimet e memorizimit për sitin
- CSS e ngjeshur e faqes dhe ndryshoi cilësimet e ekranit
Nëse lexoni për zgjidhjen e këtij problemi në internet, atëherë mund të gjeni shumë zgjidhje që nuk do të sjellin rezultate reale. Për të zgjidhur problemin, mjafton të zgjidhet vetëm një mospërputhje. Nuk ka nevojë të redaktoni kodin CSS dhe PHP ndryshon kodi i faqes. Metoda ime është e përshtatshme jo vetëm për një sajt në wordpress, por edhe për administratorë të tjerë ku cilësimi i madhësisë së skedarit media është i hapur. Më duket se shumica e gabimeve janë për shkak të faktit se Google raporton vendndodhjen e gabuar të elementeve interaktive të faqes. Webmasterët fokusohen në zgjidhjen e kësaj çështjeje, megjithatë, duke humbur shumë kohë në të ky problem dytësore - pason pikërisht për shkak të përmbajtjes më të gjerë.
Përmbajtja që është më e gjerë se ekrani është arsyeja kryesore që Google pretendon një faqe në një faqe interneti. Nëse faqja është e optimizuar për pajisjet celulare, atëherë pretendimet shfaqen saktësisht faqe specifike, jo i gjithë burimi i uebit. Për të eliminuar kjo arsye, duhet të kontrollojë të gjithë elementët e dhënë në faqe. Si rregull i përgjithshëm, Google ka një problem me imazhet që janë më të gjera se 600 piksel (për fat të keq, nuk i gjeta cilësimet e sakta në manualin e Google). Gjëja e parë që duhet të bëni është të ndryshoni madhësinë e skedarëve tuaj të medias në 500 piksele (që është madhësia që përdor për faqet e mia të internetit).
Një mesazh që përmbajtja juaj është më e gjerë se ekrani
Arsyeja e dytë për problemin e përmbajtjes më të gjerë se ekrani është gjerësia elementet grafike tejkalon instaluar nga google dimensionet për pajisjet mobile. Mund të jenë rrëshqitës, titulli i faqes ose imazhet e sfondit. Është problemi i një kapaku të gjerë (pavarësisht dizajn adaptiv) ishte shkaku që një nga faqet e mia nuk u optimizua për pajisjet celulare nga parametrat e Google. Pas ndryshimit të kokës, faqja është optimizuar plotësisht për pajisjet celulare.
Si të optimizoni faqen tuaj të internetit për pajisjet celulare në Google
Për të optimizuar sitin për pajisjet celulare dhe për të eliminuar problemin e përmbajtjes së gjerë, është e nevojshme të kryhet algoritmi i mëposhtëm:
- Zgjidhni të gjithë skedarët e mundshëm të mediave në sajt, duke filluar nga Etiketa e kokës dhe duke përfunduar me Footer.
- Shkruani madhësitë e secilit skedar mediatik
- Le të bëjmë madhësinë e çdo skedari media më pak se 600 piksele
Pas këtyre hapave të thjeshtë, mund të kontrolloni faqen në mjetin e optimizimit celular. Siç mund ta shihni, ndryshimi i elementeve ndërvepruese mund të kërkohet vetëm në raste të rralla. Shpresoj se artikulli im ishte i dobishëm për ju, dhe ju keni qenë në gjendje të zgjidhni problemin e përmbajtjes më gjerë se ekrani. Nëse gjatë vendimit keni probleme shtesë Sigurohuni që të shkruani rreth tyre në komente, ne do të përpiqemi ta kuptojmë.
Kontrolloni veten, a po bëni gjithçka për një renditje të lartë në SERP-të celulare?
Përmbajtja e artikullit:
-
-
-
-
-
-
- 1. Specifikimi i optimizimit celular
Optimizimi i celularit ka karakteristikat dhe vështirësitë e veta, që konsiston në faktin se komoditeti dhe thjeshtësia e ndërveprimit të përdoruesit me sitin është më së shumti tregues i rëndësishëm cilësia e faqes celulare. Përveç kësaj, rezultatet e kërkimit celular janë të lokalizuara, d.m.th. të lidhura me vendndodhjen e përdoruesit, kështu trafiku celular, shpesh, ky është trafik rajonal. Gjithashtu e komplikon disi optimizimin celular, fakti që frekuenca e pyetjeve në kërkimi celular të ndryshme nga frekuenca kërkimi normal dhe statistikat e kërkesave për lëshime celulare duhet të mblidhen veçmas, kështu bërthama semantike versioni celular faqja do të jetë e ndryshme. Nga rruga, mund të kontrolloni frekuencën e pyetjeve në rezultatet e kërkimit celular duke përdorur Yandex.Wordstat. Dhe mund të analizoni listën e pyetjeve në rezultatet e kërkimit celular për të cilat faqja juaj shfaqet në rezultatet e kërkimit celular, mund të përdorni Google Veglat e Uebmasterit dhe Google Analytics. Si të kontrolloni lëvizshmërinë e faqes në internet?
Kontrolloni faqen tuaj për përdorshmërinë e sajtit përdoruesit celularë mund të përdorni mjetet e mëposhtme:
- Mjeti kryesor - Vështrime për shpejtësinë e faqes- jo vetëm që kontrollon besnikërinë e faqes ndaj përdoruesve të celularëve, por gjithashtu jep rekomandime për përshpejtimin dhe optimizimin e faqes për celular.
- – me këtë mjet do të mund të shihni se si roboti i kërkimit celular Sistemet e Google sheh faqen tuaj.
- - një shërbim i brendshëm i motorit të kërkimit që kontrollon se si faqja juaj plotëson kërkesat e përshtatshmërisë së celularit.
- TestMySite- shërbim i jashtëm, kontrollon bukur dhe vizualisht miqësore me celularin, shpejtësia e celularit shpejtësia e faqes dhe shkarkimit në pajisjet desktop.
- Kontrollues celular W3- një mjet për zhvilluesit e uebit që duan t'i bëjnë faqet e tyre të internetit ose aplikacionet në ueb të funksionojnë më mirë në pajisjet celulare. Ndërsa në zhvillim.
- Ndryshues i madhësisë - program interaktiv pamje, e cila i ndihmon projektuesit të testojnë përmbajtjen e faqes kompjuterë desktop, celular dhe tablet
- Veglat e çuditshme- shërbim për shikimin e faqes në pajisje të ndryshme: celular, tablet, kompjuter dhe madje edhe TV.
- Kontrolluesi i faqeve celulare në Yandex.Webmaster - kontrollon gjithashtu besnikërinë e faqes ndaj përdoruesve të celularëve
3. Cilat janë veçoritë e metodave të ndryshme të optimizimit celular?
- versioni celular- kur ndryshojnë URL dhe kodi. Serveri përcakton llojin e pajisjes dhe më pas ridrejton te faqen e dëshiruar- m.site.com (për telefonat inteligjentë), t.site.com (për tableta), phone.site.com - për telefona më të thjeshtë. Për tipe te ndryshme përdoren pajisje variante të ndryshme kodin dhe URL-të e faqeve të ndryshme. Të mirat:është e lehtë të bësh ndryshime në versionin alternativ celular pa ndikuar në faqen kryesore; thjeshtësi dhe komoditet për përdoruesit, ngarkim i shpejtë. Minuset: ndryshe nga URL-ja kryesore, ekziston mundësia e përmbajtjes së kopjuar dhe gabimeve 404, thjeshtimi i funksionalitetit çon në një kufizim përmbajtjen e dëshiruar.
- Ekran dinamik (RESS - Dizajni i përgjegjshëm + Ana e serverit)- një URL, kod të ndryshëm për agjentë të ndryshëm përdoruesish. Serveri dërgon në përgjigje të një kërkese URL specifike opsione të ndryshme Kodi HTML dhe CSS. Cili kod për të dërguar përcaktohet nga skanimi robot kërkimi, i organizuar nga titulli Vary HTTP, i cili ndihmon për të zgjedhur saktësisht përmbajtjen në sajtin që është optimizuar për celular. Të mirat: JavaScript i panevojshëm mund të hiqet nga HTML; Mund të personalizoni paraqitjen dhe aplikacionet tuaja për secilën pajisje. Minuset: kompleks në zhvillim dhe i pa përpunuar deri në fund përkufizimi i llojeve të pajisjeve mobile.
- Dizajn adaptues- kur URL-ja dhe kodi nuk ndryshojnë. Serveri dërgon të njëjtin kod HTML në të gjitha pajisjet, si në celular ashtu edhe në desktop, i cili përshtatet në varësi të madhësisë së ekranit me të duke përdorur CSS. Në këtë rast, duhet të siguroheni që ato të nevojshme të jenë të hapura për indeksim. skedarë css, JavaScript dhe imazhe. Të mirat: relativisht e lehtë për t'u zhvilluar dhe fakti që URL-ja nuk ndryshon. Minuset: shpejtësi të ngadaltë shkarkimet dhe mungesa e alternativave.
4. Çfarë thonë motorët e kërkimit se si të optimizohen faqet për celular?
Google: Udhëzimet thonë se sistemi nuk i jep përparësi asnjë lloj përshtatjeje, por dizajni adaptiv ende thekson siç rekomandohet, megjithëse në shikim të parë në mob TOP5. 3 nga 5 botime janë faqe me një version celular, por ky është një vëzhgim i vetëm që thjesht ka një vend për të qenë dhe nuk pretendon të jetë.
NË YANDEX algoritmi i renditjes së kërkimit celular Vladivostok përcakton të gjitha llojet e optimizimit - dizajn adaptiv, version celular dhe RESS. Ashtu si Google, Yandex ia lë zgjedhjen webmasterëve, të cilët duhet të zgjedhin vetë metodën e optimizimit. Por në të njëjtën kohë, ai raporton se në Runet ka një tendencë të vazhdueshme për të reduktuar numrin e versioneve celulare dhe për të rritur faqet me dizajn adaptiv dhe RESS. Prandaj, për të zgjedhur metodën e duhur të optimizimit për ju, rekomandohet të përcaktoni se cilat detyra duhet të kryejë përdoruesi duke përdorur pajisjen e tij celulare në faqen tuaj. Reflektimet së bashku me Google dhe një diskutim në Klub rreth kërkimit Yandex do të ndihmojnë për të krahasuar në detaje të gjitha të mirat dhe të këqijat mënyra të ndryshme zbatimin e versioneve celulare të faqeve dhe zgjidhni atë që i përshtatet më së miri faqes dhe biznesit tuaj. 5. Si të optimizoni siç duhet sitin për pajisjet mobile?
<1>
Shpejtësia e ngarkimit të faqeve është më e rëndësishme për përdoruesit e celularëve sesa për përdoruesit e desktopit. Nuk duhet të kalojë 3 sekonda, megjithatë, faqet nga emetimi celular në pajisjen e përdoruesit ngarkohen mesatarisht deri në 22 sekonda. Për të kuptuar se si mund ta lehtësoni dhe kompresoni faqen tuaj, përdorni shërbimin Vështrime për shpejtësinë e faqes- në të do të gjeni rekomandime të detajuara për të shpejtuar faqen tuaj për celular. Gjegjësisht, ngjeshja ose heqja në një të veçantë Skedari JavaScript dhe CSS, analizuesi jep një listë të detajuar të tyre. Mos harroni se mund të përdorni ngarkimin asinkron të skriptit në mënyrë që përdoruesit të mos humbasin kohë dhe të mos largohen nga faqja juaj ndërsa ngarkojnë skriptet në sfond.
<2> JavaScript, CSS dhe imazhet nuk mund të bllokohen. Kontrollo bllokimin, mundesh Kërkim në Google Konsola në seksion Indeksi i Google>> Burimet e bllokuara. Bllokimi i JavaScript, CSS dhe imazhet mund të çojnë në renditje të ulëta të celularëve.
<3> Nuk duhet të ketë "gabime 404" në faqet që u shfaqen shfrytëzuesve të internetit në celular. Ndodh që faqja mund të shfaqet normalisht në desktop, por jep një "gabim 404" në telefonat inteligjentë, për shembull, ose në tableta. Ju mund të kontrolloni për gabime duke përdorur Xenu, ScreamingFrog ose duke përdorur Google Search Console Shikoni Skanimi >> Gabimet e skanimit.
<4> Nëse keni një version celular, atëherë në mënyrë që përmbajtja e versionit kryesor dhe celular të mos dyfishohet, duhet të konfiguroni saktë indeksimin e tyre. Nëse versioni celular në një nëndomain futet në rezultatet e rregullta të motorit të kërkimit, atëherë nuk keni nevojë të krijoni një robots.txt të veçantë dhe të specifikoni: Agjenti i përdoruesit: * Mos lejo: / Është më mirë të shkruani kodin e mëposhtëm në m. faqe site.com/page-1 - dhe në faqet e faqes kryesore dhe motori i kërkimit do të kuptojë se cila url është ajo kryesore.
<5> Për versionet celulare të faqeve të faqes, duhet të konfiguroni saktë ridrejtimin për secilën prej tyre, pasi ridrejtimi, për shembull, në atë kryesor, do të konsiderohet nga motorët e kërkimit si një gabim. Megjithatë, në faqe celulare ah, nuk duhet të ketë më shumë se 5 ridrejtime, pasi besohet se pas ridrejtimit të pestë, motorët e kërkimit nuk i indeksojnë ato.
<6> Nëse versioni celular i faqes ka një animacion në formatin Flash ose një video me një luajtës të pronarit, atëherë duhet t'i zëvendësoni ato me etiketa HTML5, pasi kjo metodë mbështetet nga të gjithë shfletuesit. Për shembull, mund të krijoni një animacion të tillë duke përdorur Google Web Designer.
Në vend të një përfundimi
Optimizimi i celularëve është edhe më i lehtë dhe më i vështirë sesa optimizimi i zakonshëm i faqes në internet. Nga njëra anë, për pajisjet mobile, faqja duhet të thjeshtohet, të bëhet sa më koncize, e lehtë, e shpejtë dhe e saktë. Nga ana tjetër, kjo nuk është aq e lehtë për t'u bërë. Është e ngjashme me pikturën japoneze, e cila, me ndihmën e linjave më të sakta, krijon një imazh unik, mbresëlënës. Në mënyrë të ngjashme, faqja e shfaqur te përdoruesi në rezultatet celulare duhet të jetë e thjeshtë, por e ndritshme, koncize, por e përshtatshme informacionin e nevojshëm, i shpejtë, por në të njëjtën kohë vizual.Sidoqoftë, duke marrë parasysh të gjitha nuancat e optimizimit për pajisjet celulare të përshkruara më sipër, jo vetëm që mund të merrni trafik të merituar celular, por edhe të fitoni para nga ai në të ardhmen, duke rritur konvertimin e faqes tuaj celular, duke rritur në përputhje me rrethanat kthimin e biznesit . Por lexoni për këtë në një nga artikujt tanë të ardhshëm.
Ne presim komentet tuaja se cilin opsion të optimizimit celular keni zgjedhur për veten tuaj. Sepse nëse përvoja ndahet, ajo shumëfishohet!
Një përditësim u lëshua në prill 2015 algoritmi i kërkimit Google me emrin jozyrtar "Mobilegeddon", dhe në shkurt 2016 Yandex njoftoi punën e një algoritmi të ngjashëm të quajtur "Vladivostok". Thelbi i tyre është i ngjashëm - në kërkimin celular, preferenca u jepet atyre faqeve që janë përshtatur për t'u parë në pajisjet celulare. Kjo do të thotë që përshtatja celulare nuk mund të injorohet më.
Dhe nuk janë vetëm kërkesat. Motorë kërkimi. Trafiku global celular u kap me trafikun e desktopit në fillim të 2014. Dhe sot, rreth 67% e trafikut në Runet bie në pajisjet celulare. Duke marrë parasysh nevojat e lexuesve tanë, ne po punojmë për të mobilizuar blogun. Shumë shpejt do të shihni burimin tonë të përditësuar, i cili do të jetë shumë i përshtatshëm për t'u lexuar në pajisje të ndryshme.
1. Analizoni audiencën e synuar
Përpara se të filloni optimizimin celular, analizoni audiencën tuaj të synuar në fushat e mëposhtme (për shembull, duke përdorur raportet standarde të Metrica):
- demografia (gjinia dhe mosha);
- gjeografia (cilat rajone kanë më shumë klikime);
- pajisjet (cilat pajisje janë më të njohura në mesin e vizitorëve tuaj - desktopët, Telefonat celular ose tableta)
- sistemi operativ (Android, iOS, Windows Phone, Windows 7, etj.);
- sjellja në sajt (thellësia e shfletimit, koha në sit, kërcimet, etj.).
Njohja e profilit audienca e synuar, do të mund të përshtatni dizajnin dhe përmbajtjen me nevojat e vizitorëve.
2. Përshtatni shabllonin për shikim në pajisjet celulare
Janë 3 themelore qasje të ndryshme te përshtatje celulare- të gjitha ato përshkruhen në dokumentacionin e Google për zhvilluesit. Secila prej tyre ka avantazhet dhe disavantazhet e veta.
versioni celular
Në këtë rast, do të ketë 2 faqe: desktop dhe celular. Versioni celular është pritur në një domen të ri (si m.site.ru).
Përparësitë:
- dizajni i faqes është përshtatur plotësisht për pajisjet mobile, nuk ka nevojë të kërkoni një kompromis;
- webmasterët kanë mundësinë të optimizojnë përmbajtjen në përputhje me specifikat e shikimit në celular;
- faqet mund të modifikohen në mënyrë të pavarur nga njëra-tjetra;
- më e lehtë për t'u arritur shpejtësi e lartë shkarkime.
disavantazhet:
- nevoja për administrim të plotë të faqes së re;
- për shkak të mirëmbajtjes së veçantë, kostot rriten kur bëhen ndryshime.
Dyqani trial-sport.ru ka një version celular në një domen të veçantë
Ekran dinamik
Në këtë rast, dizajni përshtatet me rezolucione specifike të ekranit. Linjat e rrjetit dhe renditja e elementeve kanë dimensione fikse për pajisje të ndryshme.
Përparësitë:
- lehtësia e zhvillimit;
- nuk ka nevojë të bëni veçmas ndryshime në versionin celular;
- është më e lehtë për webmasterët të kontrollojnë se si do të duket dizajni dhe përmbajtja në pajisje të ndryshme.
E metë- mund të ketë probleme kur shfaqen në pajisjet, madhësitë e ekranit të të cilave nuk përputhen me zhvilluesit e specifikuar.
Faqja e decathlon.ru përdor të njëjtën URL me një grup të ndryshëm kodi HTML
Dizajn adaptues
Në këtë rast, faqosja e faqes rregullohet saktësisht për t'iu përshtatur çdo madhësie të ekranit.
Përparësitë:
- shfaqja e saktë në të gjitha pajisjet;
- nuk ka nevojë të bëni veçmas ndryshime në versionin celular.
disavantazhet:
- kompleksiteti i zhvillimit, veçanërisht për projektet ekzistuese;
- mund të ketë probleme me përshtatjen e blloqeve në faqet me një dizajn kompleks.
Faqja e internetit Vostok-Service përdor një dizajn adaptiv që përshtatet me ekranet e çdo pajisjeje
Përveç këtyre metodave të përshtatjes, mund të përdorni shtojca për CMS të njohura. Për shembull, WordPress ka WPtouch dhe WP Mobile Edition. Kjo është një zgjidhje e lirë, por korrektësia e faqeve lë shumë për të dëshiruar. Dhe nëse kjo është një rrugëdalje për bloget, atëherë për projekte komplekse një vendim i tillë është i papranueshëm.
3. Thjeshtoni dizajnin tuaj
Dizajn version adaptiv Faqja duhet të jetë e thjeshtë dhe koncize. Sot, i ashtuquajturi " dizajn i sheshtë”, e cila karakterizohet nga minimalizmi, i cili thjeshton përdorimin. Shprehja arrihet përmes lojës së ngjyrave, jo gradientëve, hijeve, teksturave dhe formave dhe elementeve komplekse ndërvepruese.
Një shembull i minimalizmit në dizajn
Gjithashtu, kur zhvilloni një faqe celulare, duhet të harroni për lojtarët flash, miniaplikacionet dhe dritaret kërcyese. Efekti paralaks, i dashur nga shumë njerëz, gjithashtu duhet të lihet mënjanë, pasi është larg nga riprodhimi në të gjitha sistemet operative celulare dhe ngadalëson paraqitjen e faqeve.
4. Punoni për përmirësimin e përdorshmërisë
Kur zhvilloni navigimin, para së gjithash, mendoni për përdoruesin dhe komoditetin e tij. Çdo faqe duhet të jetë e disponueshme në disa hapa - pa filtra dhe lista komplekse. Për të kryer një telefonatë me një klik, futni saktë formatin e numrit me kodin e shtetit dhe qytetit +7 495 .... Siguroni autorizimin me një klikim përmes rrjeteve sociale. Me një fjalë - përpiquni të minimizoni çdo veprim të vizitorëve drejt qëllimit.
Në vend të kursorit të miut në një smartphone, përdoret një gisht, kështu që të gjithë elementët duhet të jenë të madhësisë së mjaftueshme. Një person nuk duhet të zmadhojë një imazh për të klikuar në ndonjë element. Mos përdorni shkronja serif, kaçurrela, kursive. Madhësia optimale font - 16 piksele, lartësia e rreshtit - 1,2 em.
5. Përshpejtoni ngarkimin e faqeve
Përshpejtimi i çizmeve, nga njëra anë, përmirësohet faktorët e sjelljes Nga ana tjetër, ka një efekt pozitiv në renditje. Përdorni shërbime të ndryshme kompresim:
- HTML dhe skriptet (kompresori HTML ose Gzip);
- Kodi CSS (minifikues CSS ose kompresor CSS);
- Kodi JS (Javascriptcompressor, jscompress, etj.);
- imazhe (Optimizilla, Resizepiconline, EWWW Image Optimizer, etj.);
- përdorni cache të shfletuesit.
Kontrolloni shpejtësinë e ngarkimit të faqes dhe shikoni problemet e mundshme Ju mund të përdorni shërbimin PageSpeed Insights në këtë lidhje.
6. Përdorni butonat social
Përdoruesit e celularëve ripostojnë në mënyrë aktive përmbajtjen. Mos ua privoni këtë mundësi. Kështu siguroheni trafik shtesë dhe përmirësoni sinjalet sociale. Shtoni butona lidhjesh në rrjetet sociale më të njohura, por jo më shumë se 4-5 në pjesën e dukshme të ekranit, përndryshe butonat ose do të jenë shumë të vegjël ose do të zënë shumë hapësirë.
7. Optimizoni përmbajtjen tuaj
Përmbajtja duhet të krijohet jo vetëm në lidhje me komoditetin e shikimit të saj ekranet e vogla por edhe sjelljen e përdoruesve të celularëve.
Ndiqni këto rregulla:
- lineariteti i përmbajtjes (më i rëndësishmi - në ekranin e parë dhe më pas në rend zbritës);
- përdorni tituj të shkurtër (ato mund të lexohen shpejt);
- ndaje tekstin në paragrafë të shkurtër por kuptimplotë (zona e ekranit celular është shumë më e vogël se një PC dhe nëse përdoruesi nuk është i mahnitur që në rreshtat e parë, ai shpejt do të humbasë interesin; shmang ujin në tekst dhe argumentet boshe);
- shtoni elemente të navigimit të artikujve (përmbajtja dhe ankorat, lart, poshtë, butonat e leximit);
- ofrojnë një mundësi për të dërguar artikullin në postë (jo të gjithë kanë kohë për të lexuar deri në fund - të tilla veçori e dobishme do të ofrojë një mundësi për të lexuar më vonë materialin me interes);
- përshtatni tabelat për shikim në pajisjet celulare (përdorni shtojca, skripta ose elementë të veçantë rrotull horizontale vetëm tabela).
8. Mos e kufizoni aksesin në përmbajtje
Disa stilistë, në vend që të përshtatin të gjithë përmbajtjen për celular, pjesërisht e fshehin atë. Kjo zakonisht bëhet për shkak të kompleksitetit të shabllonit, por kjo nuk është qasja e duhur. Ofrimi i një versioni "lite" është i padrejtë për përdoruesit e celularëve. Ju duhet të punoni në drejtim të thjeshtimit dhe optimizimit të dizajnit, dhe jo shkurtimit të përmbajtjes.
9. Qëndroni në trend
Mbani gjurmët e tendencave më të fundit të dizajnit dhe përdorshmërisë dhe bëni ndryshime të shpejta në mënyrë që të mos mbeteni pas. Për shembull, sot tendencat e mëposhtme janë të rëndësishme:
- dizajn modular (përmbajtja grupohet në blloqe që rreshtohen në një furnizim ose në disa burime në varësi të madhësisë së ekranit);
- dizajni i sheshtë (hijet, gjysma, vëllimi - e gjithë kjo është një gjë e së kaluarës);
- Qasja e parë celulare (më parë, faqet u krijuan për PC, dhe më pas, për shkak të nevojës, ato u përshtatën për pajisjet mobile - sot është anasjelltas).
10. Mos harroni të analizoni faqen tuaj për përdorshmërinë e celularit
Kontrolloni periodikisht faqen për pajtueshmërinë me kërkesat e motorëve të kërkimit për përshtatjen e celularit. Mund ta bëni në Google duke përdorur këtë lidhje. Thjesht futni adresën e faqes dhe prisni rezultatin e verifikimit. Çdo gabim i gjetur duhet të korrigjohet sa më shpejt të jetë e mundur.
Për të kontrolluar përshtatshmërinë e celularit në Yandex, shtoni faqen në Yandex.Webmaster dhe më pas shkoni te seksioni "Vegla" / "Kontrolloni faqet celulare" dhe futni adresën e faqes. Nëse ka gabime, ne gjithashtu i korrigjojmë ato.
Nëse nuk keni kohë të merreni vetë me kontrollimin dhe gabimet në ekranin celular të faqes, mund të porosisni një shërbim auditimi dhe të merrni rekomandime nga shërbimi "Menaxheri Personal".
Pra, reagimi i celularit nuk është vetëm një faktor renditjeje, por edhe një mënyrë për të rritur trafikun dhe për të përmirësuar sjelljen e përdoruesve në faqe. Nëse përqendroheni në lehtësimin e ndërveprimit të përdoruesit me sitin, do të rrisni konkurrencën dhe konvertimet tuaja.
Nëpërmjet rregullime të shpejta mund ta ruani faqen tuaj nga Mobilegeddon dhe sigurohuni që të kalojë testin e përputhshmërisë së Google.
Prezantimi
Në prill 2015 pati një revolucion të vërtetë në botë virtuale, e cila tashmë ka marrë emrin “Mobilegeddon”. Kjo për shkak se Google ndryshoi algoritmin e tij dhe filloi të vendoste faqet e optimizuara për celular mbi të tjerat. Prandaj, të gjithë pronarët e faqeve nxituan masivisht të bëjnë ndryshime në burimet e tyre.
Në momentin e shkrimit, mund të themi se ndikimi në rezultatet e kërkimit të algoritmit të ndryshuar nuk është shumë i fortë, por tashmë karakterizohet nga shtimi i një etikete të re pranë rezultateve të kërkimit celular.
Por në të ardhmen, situata mund të ndryshojë në mënyrë dramatike. Prandaj, nuk do të jetë e tepërt të kontrolloni faqen tuaj për pajtueshmërinë me pajisjet celulare.
Ndoshta më parë nuk keni pasur para ose kohë të mjaftueshme për të optimizuar burimin tuaj. Por tani është koha për ta bërë këtë, sepse herët a vonë do t'ju çojnë në një qoshe dhe do t'ju duhet të bëni të njëjtën gjë, por shpejt, duke menduar pak për pasojat.
Pra, çfarë i kushton vëmendje testit? pajtueshmërinë celulare nga google?
Google e ndan testin në pesë komponentë, për të kaluar secilin mund të fitoni pikë:
1. Konfigurimi i portit të pamjes
Vendosja e portës së pamjes brenda faqes i lejon shfletuesit të kontrollojë gjerësinë dhe shkallëzimin e faqes për pajisje të ndryshme.
2. Lexueshmëria e shkronjave
Përdoret në lidhje me një port shikimi. Madhësia e shkronjave mund të shkallëzohet sipas pajisjes së shikuesit të faqes. Duke vepruar kështu, ju mund të specifikoni madhësia e bazës font, dhe shkalla tipografike do të vendoset sipas stileve relative.
3. Shmangni përdorimin e shtojcave
Flash, Java dhe Silverlight sjellin shumë bezdi për përdoruesit e pajisjeve celulare. Zgjedhni teknologjitë vendase të uebit (si p.sh. HTML5).
4. Madhësia e përmbajtjes
Sigurohuni që përmbajtja të përshtatet brenda kufijve horizontalë të pajisjes dhe që përdoruesit të mos kenë nevojë të lëvizin faqen vertikalisht dhe horizontalisht për të parë përmbajtjen.
5. Butoni dhe madhësia e lidhjes
Ju nuk duhet vetëm të testoni faqen tuaj në pajisjet celulare, por gjithashtu të aplikoni PageSpeed Insights të Google për të optimizuar kohën e ngarkimit dhe për të përmirësuar përvojën e përdoruesit.
Disa informacione në sfond
Me ardhjen masive të telefonave inteligjentë dhe tabletëve, shumë pronarë të faqeve të internetit kanë zbuluar se krijimet e tyre, të cilat janë kaq të përshtatshme dhe duken kaq të mira në një kompjuter desktop, janë diçka të papërshtatshme dhe të shëmtuar në pajisjet celulare. Shumica e sajteve në atë kohë ishin krijuar për një madhësi të caktuar ekrani dhe nuk kishin një plan urbanistik.
U gjet një rrugëdalje shumë specifike nga situata - shumë kompani thjesht krijuan një faqe tjetër, të veçantë të krijuar posaçërisht për pajisjet celulare.
Më pas erdhën CSS3 dhe pyetjet e medias. Tani dizajnerët dhe zhvilluesit e uebit mund të krijojnë sajte që janë në gjendje të kontrollojnë pajisjen nga e cila po shikohet faqja dhe të rregullojnë paraqitjen e dizajnit në përputhje me rrethanat. Përmbajtja mund të përshtatet në një gamë të caktuar pajisjesh dalëse pa pasur nevojë të ndryshoni vetë përmbajtjen.
Ndër të tjera, kjo ju lejon gjithashtu të kurseni koston e mirëmbajtjes së një versioni tjetër celular të faqes.
Epo, le të përpiqemi ta bëjmë këtë.
Por mbani në mend se të gjitha këto rregullime janë të përkohshme, të cilat mund t'ju ndihmojnë gjatë krijimit të një sajti të vërtetë, të plotë dhe të përgjegjshëm.
Çdo vendim që merrni duhet të marrë parasysh nevojat e biznesit tuaj dhe të vizitorëve të faqes. Çdo nga këto ndryshime mund të ndikojë gjithashtu në aspekte të tjera të strategjisë suaj SEO.
Ju lutemi konsultohuni me një SEO të kualifikuar përpara se të bëni ndonjë ndryshim në një sajt të drejtpërdrejtë.
Kështu që,
*Keni një faqe interneti ekzistuese;
*Dëshironi të bëni ndryshime minimale në HTML dhe CSS të faqes në internet.
Në këtë rast, ju keni disa opsione:
Ndryshoni shabllonin e faqes tuaj të internetit
Shumë nga CMS-të e sotme ju lejojnë të ndryshoni temën ose shabllonin. Dhe shumë nga shabllonet janë përshtatës, domethënë përshtaten me gjerësinë e dëshiruar të ekranit.
Nëse, për shembull, përdorni WordPress, atëherë puna këtu është pesë minuta. Tema mund të ndryshohet vetëm me disa klikime. Pothuajse menjëherë faqja juaj do të marrë dizajn i freskët, dhe do të jetë i përshtatshëm për pajisjet mobile.
Në varësi të mënyrës se si është projektuar faqja ekzistuese, mund të zbuloni se disa përmbajtje nuk shfaqen automatikisht temë e re. Kështu që mund t'ju duhet të bëni disa punë manuale.
pro
Aftësia për të ndryshuar dizajnin në çast.
Disa mijëra tema janë të disponueshme (disa janë falas).
Minuset
Jo e gjithë përmbajtja e mëparshme mund të jetë e dukshme në shabllonin e ri pa punë shtesë.
Një dizajn i ri mund të mos përputhet gjithmonë me markën tuaj.
Krijoni një faqe të veçantë për pajisjet celulare
Ndoshta, sipas disave, kjo është e barabartë me pranimin e humbjes. Por ndërtimi i një faqeje të veçantë, miqësore për celularin ka të ngjarë të jetë kostoja më efektive. zgjidhje efektive në afat të shkurtër për shumë faqe interneti që nuk kanë akses në një CMS, ose për të cilat ridizajnimi nuk është i mundur.
