Адаптивно изграждане на уебсайт: Защо е важно тези дни? - Експертни съвети на Semalt

Въпреки че днес изграждането на отзивчиви уебсайтове ни се струва нещо, което се приема за даденост, не винаги е било така ... ¦
Това се случи през първата половина на 2015 г., когато уебмастъри от цял свят се събудиха за това, което погрешно смятаха за поредната рутинна сутрин. Те си измиха зъбите, пиеха кафе, прочетоха заглавията на новините, отвориха компютъра и започнаха да проверяват местоположението на уебсайта си.
Изненадващо и разочароващо много от сайтовете се класираха до този момент на първите страници на търсачката на Google с множество ключови думи, дегенерирани в страници, които никой не е достигнал или ще достигне - някъде на десетата или двадесетата страница с резултати.
Какво стана?
И ако това ви звучи като филма „Армагедон“ (в християнството това означава „края на света“), вие сте напълно прав. „Краят на света“ най-добре изразява усещането, което издателите и организаторите на сайтове са получили в лицето за спада на сайтовете в резултатите от търсенето.
Какво се е променило? И защо сайтовете са се влошили?
Нека видим какво мисли Семалт за това и какво решение ви предлагат тези експерти.
Новата актуализация на алгоритъма на Google
Честно казано, още в началото на февруари 2015 г. Google започна да изпраща намеци, че предстои да излезе нова и значителна актуализация на алгоритъма. Но много издатели не бяха подготвени за това и не знаеха какво ще бъде в актуализацията.
След това дойде април 2015 г. и заедно с него дойде разбирането и интернализацията, че занапред, за да стигнете до върха на резултатите от търсенето, трябва да се премине към изграждането на отзивчиви уебсайтове. Това е така, защото Google дава приоритет на сайтове, които се показват и адаптират към всички устройства. Сайтовете, които се представят добре на всички устройства, ще се радват на по-високо класиране от сайтовете, които не са съвместими с всички устройства.
Какво се крие зад искането на Google да премине към изграждане на отзивчиви уебсайтове?
Искането да се премине към изграждане на отзивчиви уебсайтове може да е хванало много неподготвени, но това търсене на Google имаше много логика и здрав разум.
Какво имам предвид? Ще го обясня
Ако до началото на новото хилядолетие повечето от нас са сърфирали в мрежата чрез настолни компютри или лаптопи, то през настоящото десетилетие много от нас сърфират повече чрез смартфони и таблети. И не говоря само за младите хора сред нас. Дори майка ми, изкупление за нея, вече сърфира повече на смартфон, отколкото на компютър.
Работата е там, че преди актуализацията на Google повечето уебсайтове в света бяха подходящи за показване на компютри, но не и за показване на смартфони или таблети. Ако се опитате да осъществите достъп до отзивчиви уебсайтове чрез смартфона, който не отговаря на стандарта за изграждане на отзивчиви уебсайтове - веднага бихте избягали от тях. Тъй като бяха разхвърляни, с малък текст и/или нечетливи, бутоните бяха твърде малки и дисплеят не съответстваше на мобилното използване.
В крайна сметка: сайтовете, които не са съвместими с мобилни устройства, ще доведат до разочарование и прогонване на сърфистите, ще намалят времето, прекарано в сайта, и ще влошат сайтовете до забравени страници с резултати.
Тази известна актуализация от Google принуди и с право издателите да адаптират сайта си към всички устройства, които съществуват днес: настолни компютри, лаптопи, смартфони и таблети. И ако в бъдеще измислят повече устройства, ние също ще трябва да адаптираме нашите сайтове към тях.
Тази важна актуализация на Google всъщност промени начина, по който мислим за изграждането на уебсайтове днес и обяви ерата Mobile First. Той се премести от компютър към мобилен и е основен приоритет по простата причина - все повече хора използват смартфони и все по-малко компютри.
Нека разберем задълбочено какво е да създаваме отзивчиви уебсайтове
Изграждането на отзивчиви уебсайтове означава изграждане на уебсайтове, които реагират добре на всички устройства, всички технологии (например сензорна технология) и всички резолюции.
Как „обикновените“ сайтове стават отзивчиви сайтове?
Първо, важно е да проверите дали вашият уебсайт вече реагира. Можете да проверите това в теста за удобство, предлаган от Google, тук: https://search.google.com/test/mobile-friendly
Просто въведете URL адреса на страницата, която искате да проверите, и изчакайте резултатите от анализа.
Може да искате да отворите отчета и да видите дали елементите на всяка страница трябва да бъдат подобрени. Второ, следвайте тези съвети и съвети, които ще ви помогнат в работата по изграждането на отзивчиви уебсайтове.
Полезни съвети за изграждане на отзивчиви уебсайтове
Независимо дали възнамерявате да направите вашия сайт реагиращ сам или дали вие подход на експерти в изграждането на отзивчиви уебсайтове, това са елементите, които е важно да имате предвид, когато се разработвате от нулата или надграждате отзивчиви уебсайтове:
Подходящо за мен: портретен дисплей и пейзажен дисплей в отзивчиви сайтове
Портретният изглед е подходящ за таблети и смартфони, докато пейзажният е подходящ за настолни компютри, лаптопи и други широки екрани. Важно е да използвате тези 2 изгледа, така че сайтът да се показва добре на всяко устройство и да разкрива на сърфистите информацията на сайта по достъпен, ясен и различен начин.
Оставете пръстите си на вашето място: върху бутони и връзки на отзивчиви уебсайтове
Изграждането на отзивчиви уебсайтове включва и специалния дизайн на бутоните и връзките. Много си струва да помислите за потребителския опит и взаимодействието на сърфистите с връзки и бутони, които могат да се кликват. [Забележка: Вижте записа в Search Console в раздела Mobile Usability за SEO и промоция на уебсайтове]. Уверете се, че бутоните са достатъчно големи на смартфоните, поне с правилния размер за палеца. Освен това се уверете, че са лесни за натискане с мишката, когато разглеждате настолни или преносими компютри.
Прекъсване на линиите: Съдържание в изграждането на отзивчиви уебсайтове
Изграждането на отзивчиви уебсайтове също изисква разреждане на информацията. Ще ви дам само пример: по време на създаването ще се сблъскате с текстове, които трябва да оставите в полезрението на смартфона. Обаче тези текстове, от които сте се отказали от гледна точка на смартфона, ще бъдат взети предвид при таблетите, настолните компютри и лаптопите. Не е възможно да поставим цялата информация и съдържание, което имаме на удобен за компютър сайт, в удобен за смартфони сайт. Трябва да се направят фини корекции, които ще направят сайта функционален дори на мобилни интелигентни устройства.
Обърнете внимание, че количеството думи, влизащи във всеки ред, също се различава в различните изгледи. Ето защо е важно също така да регулирате ширината на текстовите редове за всяко устройство. Ако устройства с широк дисплей, като компютри, въвеждат около 75 знака подред, тогава в дисплея на смартфона трябва да запазите около 35 знака на ред.
Размерът на шрифтовете също ще се промени на отзивчивите сайтове. В изгледа на смартфона размерът на шрифта ще бъде по-малък, докато в изгледа на компютъра шрифтът със сигурност може да бъде по-голям. Имайте предвид, че можете да изберете четлив и ясен размер на шрифта за всяко устройство.
Всеки професионален конструктор на уебсайтове знае, че изграждането на отзивчиви уебсайтове включва специално внимание към изображенията и визуалните изображения като цяло. Като цяло е важно да се разбере, че колкото повече уебсайтът е зареден с големи и тежки изображения и видеоклипове, толкова по-дълго е времето за зареждане, т.е.: ще отнеме повече време, докато целият сайт бъде изложен на сърфиста. И това правило е още по-важно при смартфоните. Важно е да не претоварвате отзивчив уебсайт с много тежки изображения. Освен това е важно да изрязвате и настройвате изображенията според различните изгледи на различните устройства по пропорционален начин.
Когато създавате отзивчиви уебсайтове, размерът на изображенията трябва да бъде съобразен с устройството. За компютрите размерът на изображението ще бъде по-голям, а за смартфоните - изображенията трябва да бъдат намалени до по-малък размер.
За лесна и удобна навигация в сайта използвайте лепкава Heather
Друга подробност, на която е важно да се обърне внимание при изграждането на отзивчиви уебсайтове, е заглавката в горната част на сайта. Силно се препоръчва да направите лепкава заглавка, която е постоянно закрепена в горната част на екрана, докато разглеждате сайта. Защо? Лепливият цитрус намалява необходимостта от много превъртане и фиксира главното меню през цялото време на сърфиране в сайта. Това позволява на сърфистите лесно да навигират в сайта, без да превъртате прекалено много и да търсите менюто - тъй като менюто е фиксирано и достъпно за сърфиста, независимо къде се намира - в долната част на страницата или в средата на страницата. Главното меню е достъпно и добре видимо и може лесно да навигирате от всяко място на сайта. Sticky Heather е едновременно естетически и подобрява функционалността на смартфоните.
Swiping & Scrolling - Превъртане и превъртане на уебсайт
На смартфоните сме свикнали да плъзгаме пръсти по екрана, за да се придвижваме от място на място. На компютрите сме свикнали да превъртаме нагоре и надолу с мишката. Именно поради тази причина е важно, когато създавате отзивчиви уебсайтове, да приспособите потребителското изживяване към устройството. Когато проектирате за смартфони, си струва да комбинирате възможността за плъзгане с пръсти, а когато адаптирате сайта към компютър, си струва да позволите на страниците да се превъртат надолу и нагоре.
В заключение
Както посочих в горната част на статията, вие станахте една сутрин и забелязахте, че вашият сайт непрекъснато намалява и намалява в търсачката. Но не знаете какво точно обяснява този факт. Вярно е, че това може да се дължи на няколко причини. Първият въпрос, който трябва да зададете обаче, е следният: отговаря ли моят сайт на най-новите критерии на Google?
Ако случаят не е такъв, побързайте да се свържете с a квалифицирана SEO услуга така че вашият сайт да получи качествени грижи, за да си възвърне добра позиция.
Защото изграждането на отзивчиви уебсайтове в днешно време е задължително. Неотзивчивите уебсайтове ще възпират сърфистите, ще прогонят клиентите, а също така ще саботират възможността за напредък в резултатите от търсенето с Google. Не забравяйте, че днес имаме само няколко устройства, за които трябва да адаптираме сайта и в много близко бъдеще вероятно ще трябва да адаптираме сайта си и за нови устройства.