Адаптивная версия. Что такое SSL и AMP? - Веб студия Planeta Web
16036
single,single-post,postid-16036,single-format-standard,ajax_fade,page_not_loaded,,qode-title-hidden,wpb-js-composer js-comp-ver-4.11.2.1,vc_responsive

27 Окт Адаптивная версия. Что такое SSL и AMP?

Привет друзья!

Многие из Вас наверное слышали, что в ближайшее будущее Google будет разделять выдачу для дэсктопов и мобильных устройств (планшеты и телефоны), на сегодняшний день уже 35% украинцев, для поиска информации в сети, используют мобильные устройства. Часто такое бывает, что пользователь начинает искать информацию на телефоне, потом продолжает на компьютере и заканчивает покупку на планшете. В связи с этим для того, чтобы Ваш сайт был в трэнде хотим рассказать об основных фишках, которые необходимо сделать со своим сайтом.

1. Создание мобильной или адаптивной версии сайта.
Ниже приведены ссылки, с помощью которых  Вы можете проверить отвечает Ваш сайт  требованиям поисковой сиcтемы, или нет.

— https://www.google.com/webmasters/tools/mobile-friendly

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

— https://developers.google.com/speed/pagespeed/insights/

pw-insights
— но самый проверенный способ — это посмотреть на свой сайт в живую с вашего мобильного устройства.

Многие задаются вопросом: «В чем разница между адаптивной и мобильной версией сайта?» Мы постарались показать отличия на скриншотах, указав преимущества и недостатки каждой из них.
разница между адаптивной и отдельной мобильной версиями сайта

Преимущества и недостатки адаптивного сайта:

+ Один набор кода и каноничный URL
+ Более простая и выгодная поддержка
+ Берется во внимание тип устройства
 Скорость загрузки больше
 Нет возможности менять функционал в соответствии к нуждам пользователей.

Преимущество и недостатки мобильной версии сайта. Отдельный сайт:

+ Другой дизайн
+ Большая скорость загрузки
Отдельная поддержка и обновления
Отличие смартфонов / планшетов
Ограниченная функциональность

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

2.  Подключение ssl сертификата.
На данный момент сайты, которые работают по защищенному  протоколу SSL (от английского Secure Sockets Layer — протокол защищённых сокетов, слой безопасных соединений) уже имеют преимущественную выдачу. А не это ли цель для любого бизнес-ресурса?
На практике большинство сайтов  сейчас работают еще по не защищенному соединению http. Но растет количество и тех, кто купил и установил себе на сайт сертификат ssl. При загрузке сайта в браузерной строке такие сайты имеют зеленый замочек и адрес сайта начинается с https:// На скрине ниже мы показываем, как выглядит сайт в браузере с и без https.

как выглядит сайт с ssl сертификатом в браузере

Наличие защищенного протокола ставит Ваш сайт в рейтинге выше тех сайтов, которые ограничены http.
Тем самым он становиться более весомым для поискового робота.

3. Скорость загрузки мобильной версии сайта. AMP

Что тут говорить, мало кто из нас любит долго-загружаемые и долго-думающие сайты , когда на дворе время высоких технологий и каждая секунда важна. Дабы предлагать людям информацию быстро, в продолжение mobile-friendly, Google анонсировал новый проект, призванный сделать жизнь «мобильных» пользователей еще удобнее. Мы говорим о технологии AMP, Accelerated Mobile Pages – Ускоренные страницы для мобильных устройств.

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

— Физически пользователь не переходит на другой сайт, а остается в Google, который подгружает нам содержимое выбранной страницы
— Пользователь имеет возможность быстро вернуться в поиск с помощью одной кнопки
— Контент AMP страницы подгружается буквально за доли секунды — вот это пожалуй самое главное преимущество установки AMP

Устанавливая AMP на страницы своего сайта — Вы существенно увеличиваете скорость загрузки Вашего контента и нужный информационный повод моментально появляется перед глазами пользователей.
Крайне актуальной данная технология будет для ресурсов в основе которых лежит контент – это новостные сайты, интернет-журналы, блоги, обучающие сайты и порталы.

Вот пример, как выглядит AMP страница в выдаче:

как выглядит amp страница в поиске

Проверить любой другой на наличие AMP страниц, можно тут: https://search.google.com/search-console/amp

В завершение хотелось бы сказать — проявляя заботу о своих пользователях Вы показываете своей ЦА Ваш дружественный настрой и лояльность. Наверняка Вам важно, что думают о Вас люди, попадая на Ваш сайт, поэтому Ваша задача во всей красе показать пользователю, что Вы сделали максимум для того, чтобы его контакт с Вами был удобен. В обмен Вы получаете аудиторию способную оценить Ваши старания и любовь к Вашему продукту. Что может быть ценнее?!

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

Адаптивная версия + установка ssl сертификата:
https://shipovnik.ua
https://bmbc-marble.com.ua/ru
https://planeta-web.com.ua

AMP версия:
https://planeta-web.com.ua/amp/front_ru.html
https://planeta-web.com.ua/amp/front_en.html
https://planeta-web.com.ua/amp/front_uk.html

Заказать разработку полного сайта или опциональное подключение функций Вы можете у нашей студии, связавшись с нами через сайт.

Также, Вам могут быть полезны следующие материалы:
https://youtu.be/tXQcGCHucYQ
«https://youtu.be/0ka4EsNqGJY

Всегда рады помочь!

Ваша студия «Planeta Web»