SEOK продвижение сайтов

Раскрутка сайта в Киеве и Украине

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

оптимизация сайта под мобильные устройства

Все больше людей начинают заходить в просторы интернета через мобильные телефоны, смартфоны и планшеты. Для пользователей интернета — действительно великая радость. Конечно, возникают некоторые проблемы в веб студий, которые создают сайты. Прошли времена, когда программисты и верстальщики знали два-три языка программирования и спокойно работали годами применяя изученные знания. Если вы наблюдаете за сферой программирования, то видите, что от программистов и верстальщиков сайта через каждые полгода требуются новые знания и умения. Скажите, кто когда-то знал о библиотеках JQery, фреймворке AngularJS?

Тоже самое касается сферы сео оптимизции сайтов. Частые изменения алгоритмов поисковых систем заставляют оптимизаторов постоянно совершенствовать свои знания. Все самоучки записываются на курсы и семинары. Одной из новых требований поисковых систем является оптимизация сайтов под мобильные устройства. И это справедливо. Действительно многие люди заходят на сайты через мобильные телефоны и желают получить качественный контент для чтения. Тексты и фотографии должны появляться на экране в соответствующего размера, чтобы пользователю не приходилось делать частые манипуляции для увеличения или уменьшения размера представленного материала. Конечно, адаптация материалов делается согласно рекомендациям поисковых систем.

В Google есть замечательный инструмент в сервисе для веб мастеров. Он так и называется: «Удобство просмотра на мобильных устройствах». Этот инструмент анализирует насколько правильно мы адаптировали сайт для мобильных телефонов. Если сделано что-то не правильно мы увидим график, на котором будут указаны страницы с ошибками. Чтобы воспользоваться инструмент, заходим в гугл веб мастер -> «Поисковый трафик» -> «Удобство просмотра на мобильных устройствах». сайт под мобльные и планшеты Итак, что мы видим. Вверху график со страницами, на которых обнаружены ошибки. Ниже расположены заголовки с описанием проблем. Нажимая на ссылку проблемы мы попадаем на список страниц, которые относятся именно к данной проблеме. В нашем случаи система зафиксировала три страницы, в которых интерактивные элементы расположены слишком близко друг к другу. stranicu-oshibki Чтобы увидеть более детальный анализ нажимаем на ссылку самой страницы. Система предлагает три варианта для дальнейших действий:

  1. Проверить исправлена ли ошибка.
  2. Узнать рекомендации относительно необходимых размеров и расположения ссылок и кнопок. Инструкция от Google.
  3. Если используете популярный движок, то будет предложение обновить шаблон.

optimizaciya-mobile-oshibka

Для нас наиболее важной является первое предложение. Мы нажимаем кнопку «Проверить текущую версию» пункта №1. Открывается новая страница, на которой видим небольшой снимок нашего сайта. Таким его видит робот поисковой системы. Обратите внимание, что сверху слева идут четкие указания, что контент не оптимизирован для мобильных устройств. У сайта замечены две проблемы: «Контент шире экрана» и «Ссылки слишком близко друг к другу». На картинке видно, что страница выглядит без оформления. Это потому, что в robots.txt заблокированы некоторые файлы шаблона сайта для Googlebot. Собственно, об этом сообщает система в верхнем сообщении по центру под заголовком «Как робот Googlebot видит страницу». В шаблоне заблокированы 28 ресурсов. Чтобы страница корректно отображалась для робота нужно в файле robots.txt открыть к ним доступ.

optimizaciya-mobile

Для просмотра других недостатков в адаптивном отображении перейдем по ссылке PageSpeed Insights (слева внизу в тексте). В результате открывается инструмент PageSpeed Insights. Здесь все прекрасно расписано и показано, что нужно исправить. PageSpeed Insights Особенно обратите внимание на проблемы под названием «Исправьте обязательно». Если вы не занимаетесь веб программирования, то лучше все рекомендации скопировать в один файл и выслать веб мастеру или программисту для их исправления.

Для быстрого анализа воспользуйтесь ссылкой https://developers.google.com/speed/pagespeed/insights

Автор статьи: Василий Лотыш (3.03.2016)

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS..

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

code