Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Оптимізація сайтів та зручність перегляду на мобільних пристроях

Оптимізація сайтів та зручність перегляду на мобільних пристроях Пошукові системи в даний час все більше уваги приділяють питанню зручності перегляду сайтів на мобільних пристроях, оскільки вважають даний показник важливим фактором пошукової ефективності. В результаті пошукова оптимізація сайтів передбачає сьогодні обов'язкову роботу в даному напрямку, в чому ефективно допомагає функція «Зручність перегляду на мобільних пристроях» в інструментах для веб-майстрів Google.

Як вважають у Google, якщо інтернет-користувачі переходять з пошукової системи на сайти, то вони повинні отримувати контент, який не просто релевантний їх пошуковим запитам, але ще й зручний для перегляду. Під зручністю перегляду в даному випадку Google пропонує розуміти наступний набір факторів:

  • область перегляду, що змінюється під розміри екрана;
  • динамічна верстка сторінки, що дозволяє уникнути використання горизонтальної прокрутки або масштабування;
  • розміри шрифтів, що автоматично змінюються в залежності від розмірів екрана;
  • великі і розташовані на достатній відстані один від одного інтерактивні елементи;
  • графічні та анімаційні елементи, побудовані на основі технологій, придатних для мобільних пристроїв.

В інструментах для веб-майстрів Google в розділі «Пошуковий трафік» у звіті «Зручність перегляду на мобільних пристроях» пошукова система вказує URL сторінок сайту, які найменш відповідають перерахованим вище вимогам. Такий звіт дозволяє власникам сайтів аналізувати проблеми, що виникли, і вирішувати їх для підвищення пошукової ефективності сайту.

У звіті вказується, які саме проблеми з зручністю перегляду виявили пошукові роботи Google і на яких конкретно сторінках такі проблеми були виявлені. Наприклад, однією з найпоширеніших проблем зручності перегляду на мобільних пристроях є невірно налаштована область перегляду. Google рекомендує для усунення цієї проблеми використовувати метатег viewport.

Метатег viewport дозволяє вказати браузеру, як він повинен обробляти розміри і масштаб сторінки для перегляду на екранах різних пристроїв. Цей метатег повинен бути присутнім у блоці head сторінок сайту. Щоб налаштувати область перегляду для використання на мобільних пристроях, цей метатег потрібно записати наступним чином:

<meta name="viewport" content="width=device-width, initial-scale=1"/ >

Окрім не налаштованої області перегляду, ще одна часта проблема — це замалий розмір шрифтів, що використовуються на сторінках сайту. Google додає сторінки до звіту «Маленький розмір шрифту», якщо на цих сторінках користувачам доводиться здійснювати рухи зміни масштабу. Google рекомендує налаштувати базовий розмір шрифту на сайті, рівний 16 пікселям: при коректно налаштованій області перегляду такий розмір забезпечить, на думку Google, зручність читання.

Третя поширена проблема зручності перегляду на мобільних пристроях — це замала відстань між інтерактивними елементами на сторінці. До звіту «Інтерактивні елементи розташовані занадто близько» потрапляють сторінки сайту, на яких елементи навігації розташовані настільки близько один до одного, що неможливо доторкнутися до одного з них, не зачепивши другий. Google рекомендує задавати розмір найважливіших інтерактивних елементів на сторінках сайту не менше 48 пікселів. Менш важливі елементи можуть бути дрібнішими, але навколо них на відстані близько 30 пікселів не повинно знаходитися інших інтерактивних елементів.

Таким чином, використання інструменту «Зручність перегляду на мобільних пристроях» допоможе виявити вищеописані та інші проблеми з переглядом сайту на мобільних пристроях і потім оптимізувати сайт для більш ефективної роботи і просування.

Теги:
оптимізація сайтів, оптимізувати сайт, зручність перегляду на мобільних пристроях, інструменти для веб-майстрів google