Сайт признан не оптимизированным для мобильных устройств – сообщение Яндекса

С недавних пор Яндекс (вебмастер) рассылает уведомления, что, мол, сайт такой-то признан не оптимизированным для мобильных устройств – Что это такое и каким образом с этим можно бороться!?

 

Оптимизация сайта под мобильные устройства, это, конечно, тема неограниченных масштабов… и всего в посте не описать. Однако, возможно, решить некоторые ошибки, которые могут возникнуть и сайт в вебмастере Яндекса не пройдет проверку: сайт будет не признан оптимизированным по мобильные… Подобные уведомления Вебмастер рассылает последнее время многим.

 

 

 

 

 

 

Например, ко мне обращаются владельцы сайтов по подобным причинам… просят разобраться и оптимизировать площадку под мобильные устройства. Так что время от времени, наиболее распространенные причины буду описывать.

 

 

Одна из причин, меня, скажу прямо – удивила.

 

 

 

 

 

 

Если вы добавляете на сайт, а именно в посты ссылки на ролики – к примеру – Ютюб, то у вас, по причине неправильного кода, могут возникнуть проблемы.

 

 

 

 

 

 

Выше дана ссылка, подобными вариантами многие решали задачу добавления видеоролика: удобно, в текстовом редакторе появляется кнопка, посредством которой легко добавить ролик… Однако, как теперь оказалось, Яндекс придирается к некоторым параметрам…

 

 

 

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

 

 

 

Итак, если мы зайдем в вебмастер в “Инструменты” и в разделе “Проверка мобильных страниц” запустим тест, как показано на скрине ниже, то у нас, если есть ошибки, процесс сканирования может длиться бесконечно, либо же выпадет сообщение об ошибке, что значить – сайт признан не оптимизированным.

 

 

В описываемом нынче случае была именно такая ошибка: на всех страницах сайта, где были добавлены видеоролики, вебмастер сообщал об ошибке: “сайт был не признан оптимизированным…” – процесс сканирования очень долго отрабатывал, а в итоге выскакивало сообщение, что не удалось загрузить страницу…

 

 

 

 

 

 

Либо же, если на сайте все ОК, тест  будет пройден успешно!

 

 

 

 

 

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

 

 

 

Как и говорилось, исправляем ошибку относительно видео:

 

 

Например, если у вас использовался такой код – через iframe (напоминаю, ссылка на пост выше):

 

 

 

<iframe style="border:0" width="' + newats_class + '" height="' + newatss_class + '" src="https://www.youtube.com/embed/' + new_class + '?feature=oembed=0&amp;showinfo=0" allowfullscreen="allowfullscreen"></iframe>

 

 

 

либо:

 

 

 

<iframe style="border:0" src="https://www.youtube.com/embed/' + new_class + '?feature=oembed=0&amp;showinfo=0" width="720" height="420" allowfullscreen="allowfullscreen"></iframe>

 

 

 

…из-за обозначения размера видео, отображаемого на сайте width="720" height="420" как раз и возникает в вебмастере ошибка.

 

 

 

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

 

 

 

Исправить ситуацию можно следующим образом:

 

 

 

• убрать width="720" height="420“
• либо заменить в коде на: width="auto", либо убрать параметры размера вовсе.

 

 

 

Однако, на этом этапе у владельцев сайтов возникают вполне резонные вопросы, потому что данный способ добавляет в пост (в контент часть) html код, который записывается в Базу данных:

 

…а как быть с другими постами, в которых есть ссылка на видео?? а если постов очень много – как исправить код?? в ручную долго!..

 

 

Как вариант, воспользуйтесь плагином: Better Search Replace

 

 

 

 

Лучше все-таки, как вариант вставки в пост видео Ютюб, использовать шорткод – плагин, либо код, например такой:

 

 

 

/*Добавляем видео youtube в статье = СОЗДАЕМ шорткод и привяжем к функции кнопки редактора = шорткод: |youtubsv identifier ="ID ВИДЕО"|*/
add_shortcode ('youtubsv', 'mihalica_youtubsv' );
// минус этого варианта в том, что не видно видео в визуальном редакторе ВП
function mihalica_youtubsv( $atts ) {
extract( shortcode_atts( array (
'identifier' => ''
), $atts ) );
return '<div class="teni-too"><iframe style="border:0" src="//www.youtube.com/embed/' . $identifier . '?feature=oembed=0&amp;showinfo=0" width="auto" allowfullscreen="allowfullscreen"></iframe></div>';
}
/*Добавляем видео youtube в пост*/