WD Maker Site Studio Голосов: 1 Адрес блога: https://maker-site.ru/ Добавлен: 2016-05-10 10:18:09

Ускоренные Мобильные Страницы (AMP)

Влияние мобильных устройств на нашу жизнь очень велико и с каждым днем становится больше. Было время, когда с простого устройства не всегда можно было войти в интернет и попытаться найти информацию, но уже сейчас мобильные гаджеты стали неотъемлемой частью нашей жизни. Поисковые запросы с мобильных устройств всё больше стали появляться в данных аналитики поисковых систем Google и Яндекс. Люди стали больше информации искать в сети именно с планшета или смартфона. Тенденции развития мобильного интернета сейчас очень высоки, что делает мобильный интернет влияющим на запросы и интересы людей. Чтобы они не искали в сети, пользуются они именно мобильной связью. Следуя тенденциям разработчики сайтов стали уделять больше внимания адаптивным шаблонам, чтобы легче было пользователям ориентироваться на создаваемых сайтах.

Каким бы ни было мобильное устройство оно имеет ограничения по разрешению и оперативной памяти, чтобы загружать в него перенасыщенные графикой и «украшательствами» сайты. При помощи компании Google, в феврале 2016 года сети появилась разработанная js-библиотека для ускорения загрузки и работы мобильных сайтов и страниц. Так и появилась Google AMP (Accelerated Mobile Pages) технология или Ускоренные Мобильные Страницы (AMP). Стали появляться страницы с новостями, работающие на технологии ускоренной загрузки. Примеры таких страниц можно увидеть: The Washington Post или Страница нашей студии Maker-Site.

Для чего такие страницы нужны рядовому сайту и как это можно использовать? Оказалось, что главная задача — это упростить процессы разработки сайтов и сделать мобильные страницы еще быстрее. Это достигается за счет того, что все элементы на сайте (картинки, видео, код) заранее сжаты и не занимают много места. А еще формат сайта стал более компактным и имеет только три важных части. Основная часть кода сайта с AMP это только AMP-HTML код, который содержит только нужные элементы для работы конкретной страницы и требуется адаптировать к разметке страницы. Второй важный элемент ускоренной мобильной страницы — это скрипт AMP-JS, разработанный Google для замены существующих скриптов и содержащий только JS для мобильной страницы. Третьим и главным элементов кода мобильной ускоренной страницы является AMP-CDN. Это сервис работы с Content Delivery Network. Эта существенная деталь, которая поможет Гугл показывать страницу из КЕШа, если соединение с сайтом будет затруднено по техническим ограничениям в скорости. То есть, если интернет у клиента будет медленный, то Google покажет вашу страницу из собственного кеша. Важным дополнением является то, что страница SEO дружественна и имеет структурированные данные, заранее внедренные в код страницы.

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

Вот основные элементы кода (Теги AMP и их аналог в HTML):

1. <amp-video> - тег HTML5 video
2. <amp-audio> - тег HTML5 audio
3. <amp-img> - тег HTML img
4. <amp-iframe> - тег HTML iframe
5. <amp-anim> - анимации GIF
6. <amp-ad> - рекламный блок
7. <amp-pixel> - для скрытых блоков
8. <amp-carousel> - плагин карусель
9. <amp-fit-text> - размер адаптивного шрифта текста
10. <amp-image-lightbox> - для плагина Лайтбокс
11. <amp-lightbox> - еще для Лайтбокс
12. <amp-instagram> - для инстаграма
13. <amp-twitter> - для твиттера
14. <amp-youtube> - видео с Ютуба

Ограничений очень много, но и для фантазии разработчика очень много возможностей. Как же будут работать ускоренные мобильные страницы? Оказывается, тут есть важное требование и оно заключается в том, что надо связать обычную страницу с Мобильной Ускоренной страницей, прописать определенные теги ссылающиеся друг на друга и настроить файл htaccess, что бы система могла определить устройство и перенаправить пользователя на требуемую страницу. Скорость загрузки Ускоренной Мобильной Страницы будет в разы выше, чем адаптивная страница и обычная скорость около 1-2 секунд. Согласитесь, это приятных бонус к работе вашего сайта, а клиенту не придется ждать, пока страница откроется.

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

Стоимость разработки (создания) Ускоренной Мобильной Страницы - от 1 750 рублей за 1 страницу.

Заказать

Maker-Site