Как настроить вордпресс. #2. Изменение общих настроек. Создание XML-карты блога

Приветствую Вас, друзья. В этой статье вы узнаете что нужно сделать сразу после установки WordPress. Вы уже установили CMS систему WordPress на , теперь правильно выполним настройку WordPress . Не выполнив данных настроек, в будущем можете столкнуться с трудностями. На первый взгляд вам покажется сложным, но на самом деле всё просто. Итак, приступим.

Я буду показывать на версии WordPress 4.7. Не буду останавливаться на вполне очевидных вещах, типа, укажите имя, почтовый адрес и подобное. Не забывайте сохранять изменения.

Первое, мы — настроим консоль панели администратора. Нажмите Настройки экрана . Установив или удалив чек-боксы можно выбрать элементы которые будут на главной странице. Рекомендую удалить блоки: Добро пожаловать , Новости WordPress , Быстрый черновик . Блока Yoast Seo в обзоре у вас не будет. Это у меня уже установлен плагин Сео оптимизации Yoast Seo.

Пользователи — Ваш профиль

Здесь настраивается цветовая схема (не важно какая — мне привычна по умолчанию). Верхнюю панель при просмотре сайта можно скрыть. Попробуйте два варианта. Откройте сайт в новой вкладке и сравните.

Имя пользователя — изменить нельзя. Но это не совсем так. В одной из статей опишу процесс изменения имени, но на данном этапе это не нужно и не важно.

Укажите свой ник .

Отображать как — имя, которое вы укажите в графе, будет отображаться посетителям как автор статьи.

Граватар — это глобально распознаваемый аватар. Он привязывается к e-mail адресу на специальном сервисе. После привязки граватара, если вы будете оставлять где-либо комментарий с использованием e-mail, то посетителям будет виден ваш аватар. Вот ссылка для регистрации https://ru.gravatar.com/site/signap/

Также можно изменить пароль для входа в панель.

Переходим к базовым настройкам WordPress.

Настройки — Общие

Название сайта и Краткое описание — в поисковых системах Яндекс, Google, Mail и др. для главной страницы будет отображаться то, что вы здесь укажите.

E-mail — указывайте реальный рабочий. Будут приходить сообщения о новых пользователях, о комментариях которые пришли на модерацию.

Членство — установите галочку в чек-бокс если вы планируете использовать форму регистрации на сайте.

Настройки — Написание

Если вы уже определились с рубриками в которые будете писать статьи (по идее так и должно быть), то можете выбрать основную. В неё будет добавляться новая статья. Также и формат записей . В принципе оставляйте всё по умолчанию, так как это будете указывать непосредственно при написании статьи.

Настройки — Чтение

На главной странице отображать . Если собираетесь вести блог — установите чек-бокс Последние записи. На будут отображаться ваши последние записи.

Если сайт — то логично отметить Статическую страницу. На странице расскажите о чем сайт или другую важную информацию о ресурсе.

На страницах блога отображать и в RSS — установите 7-10 статей. На главной будут отображаться последние 7-10 статей.

Для каждой статьи в RSS-ленте отображать — укажите анонс.

Настройки — Обсуждения

Установите галочки как у меня. Комментарии на блоге положительно влияют на поведенческие факторы и на продвижение ресурса. Поэтому, если поставите галочку в графе Пользователи должны быть зарегистрированы , то далеко не всякий захочет зарегистрироваться перед оставлением комментария.

Также, дабы на блоге не появлялись дублированные страницы (что не есть хорошо), не стоит разрешать древовидные комментарии и их разбивку на страницы .

Остальное на ваше усмотрение.

Всем привет! После того как вы установили движок Вордпресс на хостинг, далее необходимо выполнить несколько обязательных установок в административной панели. Поэтому в сегодняшней статье, я буду вещать на тему базовая настройка WordPress сайта .

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

5 важных шагов после установки WP

Делаем настройку экрана административной панели
меняем общие настройки
правильно настраиваем постоянные ссылки (ЧПУ)
настраиваем файл wp-config.php
меняем имя пользователя (логин) администратора

Когда вы впервые заходите в панель администратора сайта, перед вами появляется целая куча разных информационных элементов. Большинство из них никогда вам не понадобятся, а только будут мешать и отвлекать вас. Поэтому для удобства работы, их необходимо убрать. Для этого заходим в меню «Настройки экрана », которое расположено в правом верхнем углу:

Перед вами откроется всплывающая панель, в которой необходимо снять галочки с элементов, которые не должны отображаться в админке. Я обычно оставляю только «Активность » и «На виду ». Теперь вы знаете, где настраивается отображение экрана и в дальнейшем можете менять настройки по своему усмотрению.

Поздравляю, первый шаг мы выполнили! Согласитесь, теперь вид административной панели намного приятнее чем был раньше, когда было много ненужных и непонятных элементов. Теперь можно перейти ко второму шагу.

Общая настройка WordPress

Продолжаем узнавать, что такое базовая настройка WordPress сайта. Здесь нам необходимо поменять общие настройки, для этого нам нужно перейти на вкладку Настойки /Общие :

Заполняем все представленные поля: название сайта , краткое описание , адреса URL , адрес e-mail . Если у вас на сайте планируется регистрации, то напротив пункта «Членство » ставим галочку и выбираем роль нового пользователя:

Далее выбираем часовой пояс , формат даты и формат времени . В пункте «Первый день недели », выбираем понедельник. Указываем язык сайта и жмём на кнопку «Сохранить изменения ». Теперь, не выходя из вкладки «Настройки » , переходим в меню «Написание » :

Здесь в пункте «Форматирование » ставим галку напротив строчки «Преобразовывать в смайлики » и убираем галочку возле надписи «WordPress должен исправлять некорректный код ». Остальные пункты оставляем без изменений. В самом низу находим пункт «Сервисы обновления » и вставляем в его поле следующие адреса:

http://rpc.pingomatic.com
http://blogdb.jp/xmlrpc
http://blogsdominicanos.com/ping
http://blogsnow.com/ping
http://feedsky.com/api/RPC2
http://godesigngroup.com/blog/feed
http://ping.bloggers.jp/rpc
http://blogsearch.google.com/ping/RPC2
http://blogupdate.org/ping/
http://www.weblogs.com/RPC2/
http://ping.blogs.yandex.ru/RPC2
http://ping.feedburner.com
http://wasalive.com/ping
http://www.blogshares.com/rpc.php
http://www.snipsnap.org/RPC2
http://xping.pubsub.com/ping/
http://rpc.weblogs.com/RPC2
http://www.syndic8.com/xmlrpc.php
http://r.hatena.ne.jp/rpc
http://ping.syndic8.com/xmlrpc.php
http://api.moreover.com/RPC2
http://ping.namaan.net/rpc
http://ping.fc2.comhttp://ping.kutsulog.net
http://blog.goo.ne.jp/XMLRPC
http://api.my.yahoo.com/RPC2
http://api.my.yahoo.co.jp/RPC2
http://rpc.icerocket.com:10080/
http://rpc.technorati.com/rpc/ping
http://pinger.blogflux.com/rpc
http://ping.weblogalot.com/rpc.php
http://ping.blogoon.net
http://blogsearch.google.co.uk/ping/RPC2
http://blogpeople.net/servlet/weblogUpdates
http://www.xianguo.com/xmlrpc/ping.php
http://www.blogpeople.net/servlet/weblogUpdates
http://rpc.reader.livedoor.com/ping

Сохраняем изменения нажав на соответствующую кнопку. Далее, переходим в меню «Чтение », которое находится ниже. В пункте «На главной странице отображать » выбираем последние записи, если вы создаёте блог. Если вы создаёте сайт и хотите, чтоб на главной всегда находилась определённая страница, тогда выбираем статистическую страницу. Остальные пункты описывать не стану, смотрите скриншот ниже и делайте все так же как на нём.

Далее переходим в «Написание », ставим галочку напротив строчки «Преобразовывать смайлики наподобие и 😛 в картинки». Это делать не обязательно, можете не отмечать этот пункт. Но согласитесь, гораздо красивее и эмоциональнее, когда простые улыбки в ваших записях и страницах становятся автоматически красивыми смайликами-картинками, например так

Во втором пункте, где написано «WordPress должен исправлять некорректный XHTML-код автоматически », убираем галочку. Среди веб-мастеров постоянно ведутся споры по этому пункту, одни считают, что галочку нужно убрать (я тоже так думаю) другие, что нужно поставить. Я не просто так придерживаюсь такого мнения и мне известно много случаев, когда эта функция работала некорректно.

Посмотрите один из примеров, взятый на форуме по Вордпрессу, пишет один блогер:

«Новости в основном забиваю в HTML, пытаюсь использовать теги
и
, но после сохранения записи WP меняет их на
b
, соответственно, они не работают. Как отучить WP исправлять HTML код? Искал, но найти не смог.»

Так, теперь переходим на вкладку «Обсуждение ». В пункте «Настройки статьи по умолчанию » убираем две первых галочки. Это нужно для того, чтобы перестали появляться непонятные комментарии (селфбэки), когда в комментах вы ссылаетесь на самого себя или когда ставите в статьях ссылки на другие свои записи. Дальше делаем все как на скриншоте ниже:

Настройка постоянных ссылок WordPress (ЧПУ)

ЧПУ - расшифровывается как человеко понятные урлы (ссылки). На эту настройку стоит обратить особое внимание, потому что она является очень важной с точки зрения продвижения сайта в поисковых системах. Сейчас объясню почему. По умолчанию WordPress формирует некорректные ссылки страниц, в виде всяких непонятных символов и знаков вопроса. Например, вот так:

http:///post=1548&action

это в свою очередь, не есть хорошо с точки зрения seo-оптимизации. Поисковые роботы любят, когда ссылки выглядят красиво, содержат в себе ключевые слова и имеют окончание.html, например, вот так:

такие ссылки понятны людям, легко запоминаются и имеют нормальный, эстетичный вид. Для того чтобы выполнить все необходимые настройки ЧПУ , идём во вкладку Настройки / Постоянные ссылки . Выбираем пункт «Произвольно » и вставляемых туда следующий код:

/%category%/%postname%.html

Это ещё не все. Отображение русских символов в ссылках категорически недопустимо, в них должны содержаться только латинские буквы или цифры. Решается это проблема очень просто. Идем во вкладку Плагины /Добавить новый :

В поле поиска вводим Cyr to Lat enhanced и нажимаем «ENTER ». В результатах поиска находим нужный нам плагин и нажимаем на кнопку «Установить ». После этого появится сообщение, что плагин успешно установлен.

Чтобы плагин начал работать, в появившемся сообщение нажимаем на ссылку «Активировать плагин »:

Поздравляю, теперь все ссылки на вашем сайте будут отображаться правильно, английскими символами, как и должно быть с точки зрения seo-оптимизации. Как видите, базовая настройка WordPress сайта делается быстро и просто, а теперь переходим к следующему шагу.

Настройка wp-config.php

Файл wp-config.php - это сердце движка WordPress . В нем содержатся все важные настройки и параметры без которых работа WP просто невозможна. После создания сайта на Вордпресс, я всегда открываю его файл wp-config.php и добавляю туда, два с моей точки зрения очень полезных параметра. Первый параметр запрещает системе создавать ревизии:

define ("WP_POST_REVISIONS", false);

В Wordpress по умолчанию включена функция авто сохранения редакций записей. Когда вы пишите статью и сохраняете результат на определённом месте, в WP автоматически создается редакция сохранения. Например, во время написания статьи, вы вносили корректировки и сохраняли её 5 раз , соответственно, в базе данных создалось и сохранилось 5 прошлых статей с изменениями. Это и есть ревизии сохранения. Чтобы их увидеть необходимо при написании статьи сохранить её несколько раз:

Зачем я добавляю в файл wp-config.php, параметр, который запрещает создавать ревизии? Дело в том, что создание ревизий приводит к засорению базы данных, а также к увеличению её размера. Представьте, если я напишу на свой блог 20 статей и каждую статью во время написания, буду сохранять по 5 -10 раз . Как минимум после этого мой сайт будет очень долго и плохо грузиться, а поисковые системы подумают: «че за тормоз, надо этот веб-ресурс убрать в самый низ поисковой выдачи ».

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

define ("WP_DEBUG", true);

Чтобы добавить эти 2 параметра в свой файл wp-config.php, необходимо зайти в корневую папку своего сайта через FTP клиент, например, FileZilla или через файловый менеджер хостинга , кому как удобнее:

Затем открываем его и вставляем эти два параметра где-нибудь внизу, как показано на скриншоте ниже:

Меняем логин админа

Последний и очень важный момент в настройке Вордпресс, это изменение имени пользователя (логина) администратора. Дело в том, что при создании сайта на WP , всем по умолчанию присваивается логин admin , именно его мы вводим, когда заходим в административную панель своего сайта.

С точки зрения безопасности, это хорошая возможность для злоумышленников взломать ваш web-ресурс, так как логин (admin) они уже знают, им остаётся только подобрать пароль. В отличие от пароля, имя пользователя в админке стандартным путём изменить нельзя. В следующих статьях я обязательно расскажу вам несколько способов, как изменить логин. На этом сегодня у меня все!

Как вам базовая настройка WordPress сайта? Буду рад, если поделитесь своими секретами.

P.S. Скоро опубликую много интересного и полезного материала! Чтобы гарантированно получить этот материал – подпишись на обновления блога и получай его прямо на свой E-mail. Подписаться на обновления блога прямо сейчас.

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

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

Сразу после производим следующие настройки: Для того, чтобы было удобней, я буду записывать весь процесс настройки под цифрами. И так, начнем!

1. Настройка url адресов

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

Адрес сайта/название рубрики/название поста

То есть, если вы откроете любую статью на моем сайте, то сможете увидеть именно такую структуру ссылок. Для того, чтобы настроить постоянные ссылки, нужно зайти в администраторскую панель и в левой колонке найти: Настройки? Постоянные ссылки (ЧПУ) Перед вами страница с настройками, и вы можете увидеть уже готовые варианты, но нас интересует произвольная структура:
Как вы уже поняли с картинки, в поле: Произвольная структура, нам нужно вписать эту строчку:

/%category%/%postname%.html

В принципе, вы сами можете задать произвольную структуру по собственному желанию. Для чего это нужно? А нужно это для того, чтобы адрес какой либо старицы был хорошо читаемым - это первое, и второе - поисковые системы лучше воспринимают такую структуру ссылок - в частности это относится к Google, на счет Яндекса точно не могу сказать.

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

2. Устранение дублей контента

Ни для кого ни секрет, что Wordpress создает огромное количество дублирующего контента (это те страницы, которые располагают одинаковой информацией, но доступны по нескольким разным адресам).

Например, с главной страницы, на какую либо статью моего сайта, можно попасть следующими способами: - через комментарии - через автора статьи - через кнопку - Читать полностью - со страницы календаря (дата написания поста) - через заголовок То есть одно и та же статья, может быть доступна по разным url адресам.

Все это исправляется довольно таки просто! Добавляем плагин под названием: - выбираем поиск по плагинам и вводим его название:

Теперь нам обязательно нужно его настроить! В админ панели в разделе - Инструменты, выбираем установленный ранее плагин:

Я сделаю снимок моих настроек, а вы по нему сделаете настройки у себя.

(нажмите на картинку - откроется большая и в новом окне)

После того, как были произведены все настройки этого плагина, нажмите обновить:

3.Установка плагина RusToLat

Https://сайт/uroki-wordpress/пример-статьи.html

а должно быть так:

Https://сайт/uroki-wordpress/primer-stati.html

Это грубейшая ошибка, так как для первого случая сформируется примерно вот такой адрес:

Некрасиво, не правда ли? Чтобы исправить это недоразумение, нам всего лишь нужно под названием RusToLat , просто слева в админ панели выберите - Добавить плагин, напишите его название и нажмите - Искать плагины.

4. Комплекс действий

Удаление стандартных записей (типа - пример страницы);

Создание своих новых рубрик (категорий);

Установка другой темы (другими словами - замена стандартного шаблона);

Настройка виджетов в боковой колонке (добавляем свои, убираем ненужные);

5. Удаление ссылок из шаблона

Почти что каждый wordpress шаблон содержит внешние ссылки, для того, чтобы найти и удалить их, нам понадобится замечательный плагин, называется он - Tac. Также, как и в третьем и втором случае, его можно найти и установить по поиску плагинов:

Теперь, в разделе - Дизайн выбираем наш плагин:

6. Создание карты сайта

Карта сайта - это страница на которой находится список ссылок на все страница блога. Она нужно для того, чтобы увеличилась скорость индексации, а также для удобства посетителей по поиску нужной информации.

Создать карту сайта можно буквально за пару минут, с помощью плагина - Google XML Sitemaps . Как и до этого устанавливаем плагин:

Теперь переходим в настройки плагина, нажимаем в левой колонке на:

Теперь нажимаем - Создать . После создания она будет доступна по адресу:

http://адрес вашего сайта/sitemap.xml

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

Ну вот и все! Настройка Wordpress завершена! Теперь вы спокойно можете наполнять свой сайт уникальным и полезным контентов! Есть вопросы - не беда! Оставляйте их в комментариях - попробуем решить вместе!

Ну что же, до свиданья, с вами был Сергей.

Привет, друзья и все читатели ! В данном уроке я расскажу, что такое настройка WordPress движка, и как ее правильно сделать. Напомню, в предыдущем посте мы . Теперь необходимо разобраться с параметрами нашей CMS.

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

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

Итак, приступим. Для начала запустите Денвер привычным уже ярлыком «Start Denwer». Теперь нам нужно зайти в административную часть или консоль (я говорю просто «админка») сайта. Для этого в браузере введите test1.ru/wp-admin/.

Запомните, что стандартный вход в админку сайта Вордпресс осуществляется приписыванием к доменному имени «/wp-admin», как это показано выше.

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

Настройка профиля WordPress пользователя

Первым делом, давайте правильно настроим наш профиль. Найти его можно в админке по пути Пользователи → Ваш профиль:

В строке «Ник» укажите то, как бы вы хотели называться. Далее в пункте «Отображать как» вы можете выбрать, под каким именем вас будут видеть посетители сайта при вашем комментировании и указании авторства статей.

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

Электронный адрес следует ввести актуальный, который вы часто проверяете, так как туда приходят важные письма, касающиеся работы сайта.

Биографию свою писать не обязательно, так как все необходимое о себе можно будет рассказать на специальной странице «Об авторе».

Настраиваем Вордпресс

Теперь перейдем к основной, главной вкладке, которая нас интересует в данном уроке. Это «Настройки»:

Настройка «Общие»

Переходим в пункт «Общие». Как видите, там уже есть кое-какие данные. Название сайта можете изменить (не делайте его слишком длинным), в кратком описании сжато укажите основные темы своего сайта.

В пункт «Адрес e-mail» впишите тот же электронный адрес, что и в настройках профиля. Сюда будут приходить все важные уведомления, связанные с вашим сайтом.

Если стоит галочка напротив «Членство» — уберите ее, так как это вам точно не понадобится, а вот риск взлома вы увеличите этой галочкой многократно.

«Часовой пояс» укажите в соответствии со своим местом проживания. Это тоже важно, так как именно это время будет указываться в комментариях и датах публикаций постов. Формат времени и даты выставляйте по желанию.

Настройка WordPress «Написание»

К данной настройке мы еще вернемся, когда начнем создавать рубрики. Дело в том, что тут, в пункте «Основная рубрика» вы можете указать рубрику, к которой по умолчанию будут привязываться все посты, в которых вы случайно или намеренно не укажете категорию.

Все остальное оставляйте так, как есть, и обращайте внимание только на одну важную настройку, которая называется «Сервисы обновления»:

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

http://blogsearch.google.com/ping/RPC2
http://ping.blogs.yandex.ru/RPC2
http://api.my.yahoo.com/RPC2
http://ping.feedburner.com

Можете просто скопировать эти четыре адреса и вставить в соответствующее поле.

Настройка «Чтение»

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

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

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

Теперь обратите внимание на пункт «Видимость для поисковых систем». Вам следует знать, что у движка WordPress существует такая функция. Она позволяет запретить индексацию сайта поисковым системам. Скорее всего, вы сейчас не понимаете, для чего нужна возможность такого запрета, но это порой незаменимая вещь!

На данном этапе вам просто нужно знать про существование этой настройки, и все. Естественно, данной отметки быть не должно, поэтому если она стоит – убираем ее, чтобы поисковики заметили появления нашего сайта в сети!

WordPress настройка «Обсуждение»

Здесь выставляются параметры, относящиеся к комментариям. Проверьте, чтобы они были идентичны настройкам, указанным на рисунке ниже:

Внизу имеется (не всегда) вкладка «Аватары». Там ничего не трогайте.

Настройки «Медиафайлы»

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

Например, если миниатюра записи (картинка, которая отображается на главной странице и в рубриках вместе с анонсом статьи) имеет размер 100px на 100px, значит перед загрузкой этого файла на сайт – обрежьте его при помощи любого графического редактора.

Никогда не надейтесь на автоматические подгонки изображений, так как однажды это может серьезно вас подвести.

Заключение

На этом урок про настройку WordPress заканчивается. А вот последнему пункту настроек «Постоянные ссылки» будет посвящена отдельная статья, так как это весьма важная деталь в работе блога.

Надеюсь, что у вас не пропало желание к самостоятельному созданию сайта WordPress, ведь это легко и интересно, не правда ли? Если вы еще не устали, переходите к .

Согласно исследованиям проводимым Google, более 50% поисковых запросов по всему миру производятся с мобильных телефонов. В связи с этим стоит убедиться, что ваш сайт на WordPress загружается быстро и выглядит прилично для этой категории производящих поиск пользователей. К счастью, проект Google Accelerated Mobile Pages (AMP) делает эту задачу более легко выполнимой.

В этом руководстве мы расскажем, как установить WordPress AMP двумя способами:

Используя плагин AMP for WordPress .
Через плагин .

Мы также поясним, что такое WordPress AMP и обсудим, как проверить их корректность работы после установки. Погружаемся!

Что такое WordPress AMP и чем он полезен для вашего сайта

Google Accelerated Mobile Pages (AMP) – это библиотека с открытым программным кодом, которая помогает создать быстрые, плавно прокручиваемые и упрощённые версии ваших веб-страниц, которые прекрасно смотрятся на мобильных устройствах. AMP очень дружелюбна, построенная на существующих платформах и фреймворках . К тому же, она полностью совместима с WordPress.

Если кратко, то Google AMP работает таким образом, что позволяет вам создавать дубликат вашего сайта, используя AMP HTML . Этот процесс исключает большинство элементом, которые могут привести к медленной загрузке вашего сайта (JavaScript, сторонние скрипты др.). Затем Google обрабатывает и “сглаживает” ваш сайт, для ещё более быстрой его загрузки. После этого результаты будут выглядеть где-то так:

Google AMP обеспечивает множество преимуществ, хотя он имеет некоторые недостатки. Давайте изучим обе стороны медали. Начнём с преимуществ:

Улучшение поисковой оптимизации (SEO). Наиболее очевидным преимуществом Google AMP является прирост скорости. Так как скорость – это критический фактор , когда речь идёт о рейтинге ваших страниц в результатах поиска (Search Engine Results Pages – SERPs), это может помочь сделать ваш сайт более заметным. Google AMP гарантирует, страницы вашего сайта будут показаны в новостной карусели Google (Google News carousel), в приоритетном расположении вверху в не требующей прокрутки области результатов поиска на мобильных (ещё больше повышает SEO позиции).
Улучшенный интерфейс пользователя. Было подсчитано, что 33% всех потенциальных продаж теряются , если веб-сайт не оптимизирован под мобильные устройства. Ещё более тревожные результаты исследований показывают, что 57% пользователей интернета не станут рекомендовать бизнес с сайтом, который не адаптирован для мобильных устройств. Google AMP делает такую оптимизацию простой и возможной и тем самым позволяет избежать этой опасности.
Повышенная производительность сервера . Google AMP извлекает выгоду из некоторых ключевых функций оптимизации Google. Уменьшает трафик от изображений до 50% без потери качества и снижает нагрузку на работу сервера. Снижая нагрузку на сервер, AMP помогает улучшить производительность вашего сайта.

С другой стороны, у Google AMP есть и свои недостатки:

Ограничения каскадных таблиц стилей (Cascading Style Sheets – CSS) и JavaScript. Хотя Google AMP позволяет вам достичь молниеносного времени загрузки, это может вам стоить отдельных элементов сайта. AMP удалит графику очень высокого качества, сложную анимацию и другие яркие элементы, которые используют CSS и JavaScript.
Отображаются только страницы из кэша. Высокая скорость Google AMP также является следствием того, что Google включает отображение версии ваших страниц из кэша . По этой причине ваши пользователи не всегда смогут получить доступ к последним версиями контента.
Ограниченные возможности доступа к рекламным объявлениям. Не смотря на то, что Google AMP поддерживает рекламу , процесс её описания очень сложен. Он также имеет ограниченные возможности интеграции с внешними рекламными платформами.

Если этих недостатков достаточно, чтобы задуматься, вы можете обратить своё внимание на адаптивный веб дизайн для своего сайта. Хотя, если вы ищете быстрое и простое решение сделать свои страницы функциональными для мобильных устройств, Google AMP остаётся лучшим вариантом.

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

Как установить WordPress AMP при помощи двух плагинов

Для установки AMP на вашем сайте вам потребуется плагин WordPress AMP. Прежде чем продолжить с этим или следующим методом мы рекомендует . После этого у вас всё готово к началу.

Вариант 1: Используем плагин AMP для WordPress

На этой странице вы можете настраивать вид своего сайта WordPress AMP по своему предпочтению и просматривать предварительно любые изменения, перед тем как опубликовать их. Вы можете настраивать текст своего сайта, ссылки и цвет фона. Плюс, мы можете выбрать, какую цветовую схему вы хотите использовать – светлую или тёмную (т.е. черную или белую) для своего сайта. Когда внесённые настройки вас будут полностью устраивать просто нажмите Publish вверху страницы.

Ещё вы можете установить, где записи, страницы или и те и другие будут располагаться в WordPress AMP. Чтобы это сделать, просто вернитесь в консоль WordPress и перейдите в AMP > General :

На этой странице отметьте рядом с настройкой Post Type Support те види публикаций, которые вы хотели бы видеть на сайте WordPress AMP и нажмите на Save Changes .

Вы наверняка обратили внимание, что здесь не так уж много настроек. К счастью, есть несколько плагинов, которые вы можете использовать для расширения вашего выбора. Например, вы можете использовать Glue for Yoast SEO & AMP для интегрирования с плагином Yoast SEO с вашей установкой AMP.

Перейдите в Плагины › Добавить новый , найдите, установите и активируйте Yoast SEO:

После этого сделайте тоже самое с плагином Glue for Yoast SEO & AMP. Затем перейдите в SEO › AMP в админ консоли. Здесь вы можете выбрать, хотите ли вы включить записи и медиа типы данных в поддержку AMP:

После этого нажмите кнопку Save changes . Дополнительные настройки можно найти на вкладке Design . Здесь вы можете установить иконку для сайта WordPress AMP, подобрать цветовую схему и даже добавить свой CSS:

Плагин AMP for WordPress прекрасный, если вы хотите добавить базовую функциональность AMP на свой сайт. Однако, если вы хотите больше настроек внешнего вида вашего сайта WordPress AMP (и возможность их расширять в будущем) наш следующий плагин для ускоренных мобильных страниц WordPress может больше подойти для вашего случая.

Вариант 2: Установка плагина AMP для WP – Ускоренные мобильные страницы

В дополнение для обеспечения привлекательного и удобного для начинающих интерфейса настройки страниц этот плагин WordPress AMP может интегрироваться с множеством других инструментов. Среди них: WooCommerce (ведущий плагин для электронной коммерции в WordPress), Alexa metrics , OneSignal push button notifications и другие.

Для использования этого плагина AMP для WordPress, вначале нужно перейти в Плагины > Добавить новый в вашей консоли. Найти “AMP for WP” , установить и активировать плагин:

Далее перейдите на новую вкладку AMP в админ панели WordPress. Вы увидите подпункты меню с разделами Settings , Design , Extensions и другие. Давайте подробнее посмотрим на настройки в Settings :

Скорее всего вы захотите начать с раздела руководства со ссылками Getting Started на этой страница. Это поможет вам самым лучшим образом настроить свой WordPress AMP. После этого, вы можете запускать разные опции AMP для WP, включая:

Нажмите на Save Changes для каждой настройки выше, как только вы закончите с ней. После этого выберите вкладку Design :

Собственно здесь вы можете управлять внешним видом своего сайта WordPress AMP. Для этого выберите конкретную тему AMP из списка в меню Theme Selector .

После выбора темы вы можете настраивать её внешний вид. Вы найдёте настройки дизайна для цветовой схемы и шрифта (вкладка Global ), выбор отображения заголовка и подвала, слайдер на главной странице и многое другое. В разделе Social вы можете также выбрать, какие кнопки социальных сейте вы желаете отображать на своём сайте WordPress AMP.

Если вы довольные видом своего AMP-сайта, сохраните все изменения. Вы также можете предварительно их посмотреть, если перейдёте в Appearance > AMP:

Бесплатная версия AMP для WP содержит широкий набор функций. Однако, вы можете значительно улучшить внешний вид и функциональность вашего сайта AMP с платными расширениями. Есть расширения для описания рейтинга (будет полезным для товаров или профилей недвижимости), интеграции с AMP WooCommerce Pro , использования пользовательских типов записей и другого:

Платные темы AMP также доступны после оплаты. Посмотреть их можно в разделе Design > Themes в вашей админ консоли. Есть специальные настройки, которые подойдут для определённых видом сайтов, как например, сайтов новостей, журналов и так далее. Плюс, есть несколько замечательных многоцелевых тем:

Если вы желаете попробовать ещё больше дополнительных функций, то для вас целый ряд тарифных планов Pro plans доступных для этого плагина. Диапазон от плана Personal (обслуживание одного сайта за $149 в год) до плана Agency (обслуживание неограниченного количества сайтов за $499 в год).

Как проверить корректность работы своего сайта WordPress AMP

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

Один их быстрых и простых способов проверить AMP – использовать инструмент разработчика в браузере. Для этого вам нужно открыть страницу AMP в вашем браузере (в нашем примере мы используем Google Chrome). Дальше вам нужно добавить следующее в конце URL:

#development=1

Как только вы это сделаете, откройте консоль инструментов разработчика в браузере. Для Google Chrome это Chrome DevTools console . Если найдены ошибки, они будут подсвечены красным, вместе с анализом их причин.

Обычно ошибки проверки вызваны неверными префиксами, некорректным форматированием кода и/или неподдерживаемыми тегами. В большинстве случаев, будут присутствовать настройки исправления ошибок. Кроме этого, проект Google AMP также описывает метод устранения распространённых ошибок проверки , если авто-исправление отсутствует.

Другой эффективный способ проверки AMP – использование расширения AMP Validator для Google Chrome и Opera :

Этот инструмент обеспечивание простое определение ошибок (красные иконки), равно как и их причин. К тому же, если вы запустили проверку AMP на своей не AMP странице, голубая иконка расширения покажет вам ссылку перенаправления на версию станицы AMP. Эта настройка предлагает удобный способ оценки элементов темы вашего сайта, которые могут помешать правильному отображению вашего WordPress AMP.

Заключение

Даже несколько дополнительных секунд времени загрузки могут значительно снизить рейтинг вашего сайт в поисковиках (и ваш коэффициент конверсии). К счастью, как мы уже видели, использование Google AMP может помочь вам убедиться, что страницы вашего сайта загружаются молниеносно на мобильных устройствах. Что ещё, конфигурация и тонкая настройка AMP для WordPress – это просто и понятно, если вы используете правильный плагин WordPress для ускоренных мобильных страниц.

У вас остались вопросы о том, как установить какой-либо плагин WordPress AMP? Дайте нам знать в комментариях!