Създаване на уеб сайт който работи добре на мобилни устройства, не е лесен, но е възможна задача. Докато потвърдите сайта си, преди да изпратите, няма причина мобилните потребители да нямат страхотно изживяване. Въпреки това може да се чудите кои елементи се нуждаят най-много от вашето внимание.
В този урок ще ви предоставим прост списък с критерии, на които трябва да отговаря вашият сайт. Ако е така, вашите потребители вероятно ще имат страхотно мобилно изживяване и ако не, ще ви кажем как да промените нещата. Нека започнем с точка номер едно!
1 - Тествайте уебсайта си с множество резолюции
Едно от най-важните неща, когато става въпрос за мобилни сайтове, е, че вашият сайт не трябва да изглежда като умалена версия на настолната версия. Това означава, че всеки от елементите ви трябва да търси множество резолюции.
Ако, от друга страна, нито един от елементите ви не се изобразява добре на мобилни устройства, това може да повлияе негативно на процента на отпадане. Най-разумното нещо, което можете да направите, е предварително да тествате уебсайта си на няколко резолюции и да видите дали всичко се показва правилно.
За щастие, този процес не е толкова сложен, колкото звучи, и не е нужно да притежавате няколко устройства, за да го направите. Има много услуги, които ви позволяват бързо да тествате всеки уебсайт на различни резолюции, като например:
Инструменти за Chrome Dev : Тази вградена функция на браузъра Chrome включва лента с инструменти на устройството, която можете да използвате, за да тествате сайта си с множество резолюции.
Услуги като Screenfly et BrowserStack : Тези услуги на трети страни ви позволяват да тествате вашия сайт на много по-голямо разнообразие от резолюции.
Всички инструменти, които споменахме, са безплатни, така че бюджетът не трябва да е проблем и няма извинение за пропускане на тази стъпка!
2 - Уверете се, че вашите менюта и навигация се показват на по-малки екрани
В повечето случаи менютата са основното средство за навигация за вашия посетители. Ако вашите връзки са трудни за кликване или четене при по-малки разделителни способности, това ще се отрази на използваемостта. Освен това искате всичките ви елементи от менюто да са лесно достъпни, независимо от устройството, което използвате за навигация.
Имайки това предвид, нека направим няколко стъпки, за да сме сигурни, че не пропускате нищо, когато е време да тествате менютата си за мобилни устройства:
- Проверете дали всички елементи от менюто са видими.
- Уверете се, че всяка връзка е подравнена и подменютата са вложени.
- Проверете дали можете да прочетете всеки елемент от менюто и щракнете върху него.
Повечето съвременни теми на WordPress автоматично създават отзивчиви менюта за вас. Ако имате проблеми с този аспект на вашия сайт, трябва да помислите за промяна на темата.
3 - Проверете дали вашите изображения са добри на малки разделителни способности
В повечето случаи хората са по-притеснени от „изкривяване“ на своите изображения, но мащабирането също може да е проблем. Не всички изображения могат да бъдат мащабирани, за да бъдат идеални за всяка разделителна способност, но има стъпки, които можете да предприемете, за да намалите проблема:
Фокусирайте усилията си върху важните изображения за имиджа на вашата марка.
Потърсете мащабируеми алтернативи на популярни типове изображения, като SVG.
Винаги, когато е възможно, изберете по-добре изрязани изображения, така че да се поберат по-добре при по-малки размери.
Докато имате предвид тези съвети, трябва да сте добре. Само не забравяйте, че когато става въпрос за много сложни изображения като компютърна графика, може да не успеете да ги мащабирате напълно при ниска резолюция.
4 - Тествайте съдържанието си за четливост
Един аспект, който най-много влияе върху използваемостта на мобилните устройства, е четливостта. Когато работите с по-малък форм-фактор, трябва да компенсирате това, като се уверите, че текстът ви все още се показва въпреки малкия размер на екраните, вместо просто да намалявате шрифта. Целта тук е проста: вашите потребители не трябва да увеличават, за да четат съдържанието ви. В крайна сметка това е перфектната рецепта за досаждане на потребител.
За щастие, четливостта е аспект, който е сравнително лесен за адресиране:
- Изберете основен шрифт, който да е много четим за съдържанието.
- Използвайте субтитри, когато е възможно, за да разбиете съдържанието си в лесно четими секции.
- Изберете тема, която ви дава по-голям контрол върху начина, по който се показва вашият текст.
По отношение на последната ни точка, много модерни теми трябва да ви предложат опцията, която търсите.
Това е всичко за тези съвети, надявам се, че ще ви помогнат по-добре да оптимизирате блоговете си за мобилни устройства. Ако имате въпроси, не се колебайте да ги зададете.
