Индексиране първо за мобилни устройства

Цитат:

Оцелява не най-силният от вида, а най-приспособимият към промените.
- Приписва се на Чарлз Дарвин

Търсите помощ за SEO оптимизацията си?

Казвам се Лукаш Железни и съм основател на SEO.London. Работя в тази сфера през последните 20 години.
Като SEO консултант съм помогнал на десетки компании.
Искате да подобрите резултатите си от SEO?
Нека обсъдим въпроса във видеоразговор.

Започнете

Адаптиране към променящото се поведение на потребителите

Интернет все още е сравнително нов и продължава да се развива. Когато хората търсят в интернет, те вече не седят пред компютрите си и не пишат внимателно формулирани заявки за търсене. От 2017 г. насам около половината от интернет потребителите използват мобилните си устройства вместо компютрите си, за да търсят в интернет.

Тъй като потребителите променят начина, по който търсят в интернет, търсачките трябва да променят начините, по които индексират съдържанието, за да показват най-подходящите и полезни резултати. Това означава, че трябва постоянно да променяте начина, по който организирате и представяте информацията чрез уебсайта си, ако искате да се класирате по-високо в резултатите от търсенето.

Макар и да варира в зависимост от региона, около половината от глобален потребителите имат достъп до Интернет използващи мобилно устройство, според Statista.

Това представлява значителен увеличаване на от около 30% през 2015 г. Ако уебсайтът ви е проектиран за настолен компютър или не разполагате с удобен за мобилни устройства сайт, можете да очаквате да видите, че търсене резултатите от класирането в двигателите намаляват с течение на времето.

Уебсайтове за настолни компютри и леки уебсайтове за настолни компютри

Първоначално уебсайтовете бяха разработени с предположението, че хората ще влизат в интернет от настолен компютър. Това позволи компании за създаване на уебсайтове, които съдържат сложна програмна логика, която се зарежда и обработва много бързо от браузър на настолен компютър.

Въпреки това, тъй като потребителите преминават към използване на телефони и таблети, тези уебсайтове често не могат да бъдат заредени и обработени бързо от браузъра на мобилното устройство.
В резултат на това някои компании са създали "леки" версии на своите уебсайтове, които се зареждат и обработват от мобилно устройство за разумно време. За да създадат тези версии, компаниите често трябва да премахнат много от функциите и възможностите на версиите за настолни компютри.

Когато даден потребител влезе в уебсайт, уебсайтът определя вида на използваното устройство и предоставя различен набор от уебстраници на потребителя на мобилно устройство, отколкото на потребителя на настолен компютър.

Представете си, че извършвате търсене в Google през мобилния си телефон телефон и преглеждане на резултати от търсенето, които са точно какво които търсите. Въпреки това, когато кликнете върху резултатите от търсенето, не получавате това, което резултатите от търсенето са показали, че ще видите. Вместо това получавате намалена версия на това, което сте очаквали, защото уебсайтът ви е предоставил различен набор от уебстраници, когато е установил, че използвате мобилно устройство.

Средностатистическият потребител обвинява Google за тази неадекватност, защото съдържание не съответства на описаното в резултатите от търсенето.

Стратегия на Google за индексиране на мобилни устройства

Точно поради тази причина Google обяви индекс, ориентиран към мобилните устройства. стратегия през март 2018 г. Вместо индексиране десктоп версиите на уебсайтовете, Google започна да индексира мобилните версии. През юли 2018 г. Google също започна да използва скорост на страницата в класирането при мобилно търсене, който означава, че при класирането на резултатите от търсенето се дава предимство на уебсайтовете, които се зареждат бързо на мобилни устройства, пред тези, които се зареждат по-бавно. Това не означава, че уебсайтовете без мобилна версия не се индексират, но означава, че бързо зареждащите се, удобни за мобилни устройства уебсайтове са по-склонни да ранг по-високо в резултатите от търсенето в Google, отколкото по-бавно работещите, тежки уебсайтове, които изискват настолен компютър.

Как да активирате мобилното индексиране:

1. Редизайн на уебсайта ви

Стратегията за мобилно индексиране на Google често означава пълна редизайн на вашия уебсайт. Дизайнът ще бъде насочен към мобилни устройства и след това ще бъде адаптиран за други платформи, като например настолни компютри. Дизайнът за първо индексиране за мобилни устройства обикновено е прост и стегнат и използва геометрични форми, ярки цветове, силна типография и бяло пространство като елементи на дизайна.

Дизайнът поставя на преден план и в центъра на вниманието елементите "призив към действие" и включва съвременни методи за комуникация като чат и чатботове. Излишно е да споменаваме, че сайтът, индексиран от Google за мобилни устройства, се зарежда бързо и непрекъснато се измерва, за да се поддържа или подобрява скоростта.

2. Адаптирайте уебсайта си

Ако не сте готови за пълна промяна на дизайна на уебсайта си, който се индексира първо за мобилни устройства, можете да адаптирате това, което имате в момента, така че да е удобно за мобилни устройства. Тъй като все още вземате версия за настолни компютри и я адаптирате за мобилни устройства, а не обратното, това технически не е стратегия на Google за първично индексиране на мобилни устройства. Но това е практическа стъпка по пътя към индексиран за мобилни устройства дизайн на уебсайта, който ви позволява да се появявате като мобилни потребители в търсачките.

Когато адаптирате текущия си уебсайт към тази среда на Google за мобилни устройства, целта обикновено е да предоставите едно и също съдържание на всички потребители, независимо от устройството, което използват.

Начинът на форматиране и представяне на съдържанието обаче е различен в зависимост от размера на екрана, който се използва за преглед. При този преход все още е приемливо да се включат някои допълнителни функционалности, като например опции от менюто или бутони, които се появяват само когато уебсайтът е достъпен от компютър. Дори Google прави това.

За щастие има инструменти, които улесняват прехода към мобилен интерфейс. Съществуват и инструменти, които ви позволяват да измервате успеха си и да идентифицирате областите, които все още се нуждаят от подобрение.

3. Респонсивните уебсайтове и първото мобилно индексиране

За да преминете към по-удобен за мобилни устройства уебсайт или уебсайт, който е първият в Google, трябва да използвате думата responsive (отзивчив). Респонсивният уеб дизайн е подход, който автоматично адаптира представянето на уебсайта според платформата, ориентацията и размера на екрана или прозореца на потребителя.

Представете си уебсайт, който е отворен на настолния ви компютър и се вижда на монитора на компютъра ви. Когато щракнете върху ъгъла на прозореца и влачене за да направите прозореца по-малък, какво се случва? На уебсайт, който не е адаптивен, нищо не се случва. Просто отрязвате всичко, което преди се е виждало, и сега трябва да превъртате наляво и надясно, за да видите това съдържание.

При отзивчив уебсайт обаче уебсайтът автоматично се преформатира, когато прозорецът за гледане достигне определени размери, така че цялото съдържание да остане видимо в този прозорец. Вместо съдържанието да се показва едно до друго, то се подрежда вертикално. Въпреки че може да се наложи да превъртите страницата надолу, за да видите цялото съдържание, съдържанието, което виждате, се побира в прозореца за гледане и не се налага да превъртате наляво и надясно, за да го видите.

4. Системи за управление на съдържанието (напр. WordPress)

Ако използвате съдържание управление система (CMS), като например WordPress, трябва да използвате адаптивна тема. Ако текущата ви тема не е адаптивна и има по-нова, адаптивна версия, преминете към нея. Ако не съществува версия с възможност за откликване, преминете към тема с възможност за откликване.

Темата ще свърши по-голямата част от тежката работа вместо вас. Ще трябва да преглед как изглеждат адаптивните страници на различни мобилни устройства и дали трябва да промените начина на представяне на информация, която не се конвертира добре в адаптивни страници.

5. Комплекти инструменти за уеб разработка (напр. Bootstrap)

Ако не използвате CMS, започнете да използвате набор от инструменти, например Bootstrap. Bootstrap е набор от инструменти с отворен код за разработване на уеб сайтове с помощта на HTML, CSS и JavaScript. Той ви помага да изграждате адаптивни уебсайтове с индекс Google mobile-first, като използва своята адаптивна решетъчна система, предварително подготвени front-end компоненти и плъгини.

6. Инструменти за тестване на удобен за мобилни устройства дизайн

За да проверите новия си дизайн, отидете на теста на Google за мобилни устройства и въведете URL адреса на уебсайта си. Ще получите доклад която ви показва доколко вашият уебсайт е удобен за мобилни устройства, с конкретни предложения как да подобрите резултат.

7. Уебсайтове с бързо зареждане

Независимо дали имате сайт за настолни компютри, уебсайт, удобен за мобилни устройства, или уебсайт, който е предназначен за мобилни устройства, днес се предполага, че сайтът ви ще се зарежда бързо. Въпреки че обсъждането на всички фактори, които влияят върху това колко бързо се зарежда уебсайтът ви, е извън обхвата на тази статия, има няколко елемента на дизайна, които могат значително да забавят зареждането на уебсайта ви и за които трябва да знаете.

За щастие повечето адаптивни теми и комплекти инструменти включват функции, които поне частично адрес някои от тези области, за да помогнете на уебсайта ви да се зарежда по-бързо на мобилно устройство.

8. Как се обработва даден уебсайт

Когато посещавате даден уебсайт, той зарежда кода на страницата, която разглеждате, в паметта на мобилното ви устройство и след това обработва кода, за да формат и покажете страницата на устройството си. Когато щракнете върху връзка, за да преминете към следващата страница, тя прекъсва страницата, на която сте били, и зарежда следващата страница в паметта. Колкото повече трябва да се зареди, толкова повече време отнема извличането ѝ, изпращането ѝ по интернет и зареждането ѝ във вашето устройство.

Колкото повече код трябва да обработи, толкова повече време му отнема да форматира и представи това, което е заредил на екрана. Това означава, че ако зареждате по-малко и обработвате по-малко, уебсайтът ви обикновено ще се зарежда по-бързо.

9. Изображения и първото мобилно индексиране в Google

Файловете с изображения или картини често са виновни за бавното зареждане на даден уебсайт. Колкото по-висока е разделителната способност на изображението, толкова по-голям е файлът и толкова по-дълго се зарежда. Бъдете реалисти по отношение на резолюцията, която ви е необходима за изображения показвате и намалявате изображенията, за да се зареждат по-бързо.

В зависимост от формата, който използвате, можете да намалите изображенията със или без загуба на качество. Тези, които жертват част от качеството, обикновено са много по-малки по размер от тези, които запазват същото ниво на качество.

10. Код и първото мобилно индексиране на Google

Браузърът ви ще започне да форматира уебстраницата при зареждането на данните. Някои кодове обаче принуждават браузъра да спре форматирането и да изчака още код или дори цялата страница да се зареди, преди да възобнови задачата си за форматиране.

Това се нарича блокиране. Доколкото можете, искате да намалите размера на зареждания код и да премахнете блокиращия код. Един от начините да намалите размера на кода е да го минимизирате, като премахнете коментарите и излишното бяло пространство.

Те са важни за програмистите, за да разберат кода, но не са необходими, за да може браузърът да го обработи. Ако не можете да минимизирате кода, някои уеб сървъри ще изпратят компресирана версия на кода на вашия браузър, който ще зареди по-малката версия и след това ще я декомпресира.

11. Зареждане на заден план и първото мобилно индексиране на Google

Когато разглеждате дадена уеб страница, виждате само частта от нея, която е в рамките на прозореца за преглед. Ако браузърът ви първо зареди и форматира това, което виждате в прозореца си, той може да продължи да зарежда и форматира други данни във фонов режим, докато страницата не бъде завършена.

За вас уеб страницата изглежда, че се зарежда бързо, и не е задължително да разберете, че тя продължава да се зарежда и да форматира съдържание, освен ако не се наложи да изчакате известно време. дълго време когато се опитате да превъртите надолу.

12. Инструменти за измерване и подобряване на скоростта

Страницата в сайта на Google Developers, наречена Make the Web Faster (Ускоряване на уеб), съдържа съвети, препоръки за най-добри практики и ресурси, които да ви помогнат да ускорите зареждането на уебсайта си. Основният инструмент в този набор от инструменти се нарича PageSpeed Insights. PageSpeed Insights ви показва какво се случва от момента, в който започнете да зареждате уебсайта си, до момента, в който той е зареден, форматиран и представен на мобилно или настолно устройство.

Това ви позволява да видите какво причинява по-бавното зареждане на вашия уебсайт, за да знаете какво да промените. Инструментът често ви предоставя конкретни предложения за това как да подобрите представяне и дори ви предоставя оптимизирани версии на вашите файлове с изображения, които се зареждат по-бързо.

13. Адаптирайте се, за да оцелеете

Дори и да не можете да направите истински мобилен дизайн на Google в момента, можете да направите така, че уебсайтът ви да изглежда като мобилен, като използвате адаптивни уеб страници и намалите времето за зареждане и показване на сайта. Тези две стратегии може и да не доведат до по-високо класиране в търсачките, тъй като са задължителни, но би трябвало да ви помогнат да избегнете наказание за това, че не сте възприели подхода mobile-first.