Мобильная версия по Яндексу vs. Pluso.ru
2016.02.18Первым помечать мобильные сайты стал Гугл ещё в конце 2014, а 21 апреля 2015 официально объявил об учёте адаптивности сайта и о том, что такие сайты будут получать приоритет при их ранжировании в выдаче результатов поиска. То есть сайты, имеющие адаптивный дизайн, будут выше остальных при прочих равных параметрах.
C 20 ноября 2015 года Яндекс в своей выдаче стал помечать меткой «мобильная версия» сайты, адаптированные для просмотра на мобильных устройствах. А со 2 февраля был запущен Владивосток, новый алгоритм Яндекса, который стал учитывать мобильность сайта, правда, пока ещё в топе результатов поиска можно увидеть как адаптивные сайты, так и обычные. Но однозначно уже пора задуматься о модернизации своего сайта. В любом случае, подобная пометка помогает людям со смартфонами выбирать именно адаптивные сайты, потому как они удобнее для просмотра и не требуют постоянных манипуляций с масштабированием страницы и её прокруткой.
Данные метки расставляются автоматически, если страницы сайта соответствуют следующим требованиям:
- Тег viewport указан
- Горизонтальной прокрутки нет
- Нет Flash-элементов
- Нет Java-апплетов
- Нет Silverlight-плагинов
Проверить выполнение этих требований можно в обновлённом сервиса Яндекса –
Webmaster: Инструменты > Проверка мобильных страниц.
На страницах должен быть прописан тег viewport, который задаёт изначальную ширину страницы, масштаб и границы его изменения. А вот чего не должно быть, так это flash-элементов, java-апплетов и silverlight-плагинов, потому как они не поддерживаются мобильными браузерами. И видео-ролики теперь должны быть добавлены только по правилам HTML5. И не должно быть горизонтальной прокрутки (страница должна вписываться в 320 точек по ширине).
Часть вторая. Pluso.ru
pluso.ru – отличный инструмент для размещения кнопок отправки страницы в социальные сети. Вот только страницы с его кодом не проходят проверку Яндекса на наличие Flash-элементов. После небольших изысканий было найдено достаточно простое решение, код pluso «обернули» в такую конструкцию:
<script> setTimeout(function() { тут-код-плюсо }, 1000); </script>
Таким образом код срабатывает через секунду после того, как будет загружен браузером, и уже не определяется как flash-элемент. Ещё можно написать так, чтобы код срабатывал после загрузки всей страницы. Таким образом скорость отображения страницы немного, но возрастает.
<script> window.onload = function() { setTimeout(function() { тут-код-плюсо }, 1000); } </script>
Следующий пост: Вход рубль, выход – два (#106, 2016.03.01)Предыдущий пост: Простейшее А/Б тестирование (#104, 2016.02.08)Пост #105. Постоянная ссылка на пост: https://exogens.ru/blog/post/mobilnaya-versiya-po-yandeksu-vs-pluso-ru/