WP AMP — Accelerated Mobile Pages для вашого сайту на WordPress та WooCommerce

Інтернет не стоїть на місці, і все більше людей користуються веб-доступом за допомогою мобільних пристроїв. Однак ключовою проблемою мобільного інтернету досі залишається швидкість завантаження сторінок та продуктивність сайтів. Щоб вирішити цю проблему, у жовтні 2015 року Google запустив свій новий проект під назвою AMP (Accelerated Mobile Pages).

У цьому огляді ми розглянемо WordPress плагін WP AMP, який дозволить вам легко додати підтримку адаптованих AMP сторінок для миттєвого завантаження контенту вашого сайту з мобільних пристроїв.

Опис  демо  Купити за $39

Дивіться також:

• Плагіни WordPress AMP — Accelerated Mobile Pages
• Як встановити та налаштувати плагін Accelerated Mobile Pages (AMP) у WordPress
• Як налаштувати Facebook Instant Articles для WordPress
• Чи зручно використовувати ваш WordPress сайт з мобільних пристроїв?
• Адаптивний сайт на WordPress: приклади тем, основи та поради щодо CSS
• Як адаптувати WordPress сайт до мобільних пристроїв

AMP (Accelerated Mobile Pages) — це проект з відкритим вихідним кодом, який спрямований на максимальне прискорення видачі сторінок сайтів, що досягається за допомогою низки суворих обмежень:

• Спеціальна урізана розмітка AMP HTML
• Асинхронне завантаження відео, картинок, реклами, JavaScript-бібліотек
• Заборона використання стороннього JavaScript
• Обмежене використання стилів — лише inline-CSS у тезі
• AMP-сторінки повинні бути проіндексовані пошуковою системою і автоматично завантажені на CDN від Google

Додавання AMP на WordPress за допомогою плагіна WP AMP

плагін WP AMP є найбільш повною та легкою у використанні реалізацією AMP Project для сайтів на WordPress. Плагін дозволяє отримати AMP версію всього сайту за кілька хвилин без потреби лізти в код.

Ось так виглядає основна сторінка налаштувань плагіна:

WP AMP також працює для магазинів на WooCommerce, дозволяючи відображати AMP версії сторінок каталогу, продуктів, категорій та тегів:

Крім WooCommerce, WP AMP також сумісний з такими плагінами:

• Yoast SEO
• All in One SEO Pack
• Jetpack
• WPML

Налаштування зовнішнього вигляду AMP сайту

Цей плагін надає широкі можливості для налаштування зовнішнього вигляду та брендування AMP сайту:

• Чотири варіанти виведення логотипу сайту
• Можливість встановити окреме меню
• Зміна кольору різних блоків
• Десять популярних шрифтів із Google Fonts
• Можлива зміна порядку блоків шляхом перетягування
• Увімкнення та вимкнення блоків для різних шаблонів
• Для розробників є шорткоди, хуки та можливість додати користувальницький CSS

Заробляйте більше!

Крім можливості отримувати більше з продажу магазину на WooCommerce, плагін також дозволяє додавати на мобільний сайт рекламні блоки AdSense та Doubleclick. Є можливість змінювати їх положення на сторінці, а також вбудовувати безпосередньо в пост пост за допомогою шорткоду:

Плагін також дозволяє включити відстеження відвідувань на сайті AMP за допомогою Google Analytics. У подальших версіях планується підключення інших систем веб-аналітики.

Висновок

AMP Project активно розвивається, більшість таких популярних CMS як Drupal та Magento мають підтримку AMP у вигляді окремих модулів. І WordPress у разі не виняток.

Вже багато відомих брендів, таких як Reddit, Ebay, Washington Post, Wired, TechCrunch, New York Times, Wall Street Journal встигли придбати AMP на своїх сайтах. А коли ви плануєте це зробити?

Джерело: codecanyon.net

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/