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

Цитат:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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