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

Использовать HTTPS вместо HTTP

Да — HTTPS больше не по желанию. Google скоро начнут штрафовать сайты, которые используют HTTP путем понижения их в результатах поиска. Я написал статью,  которая объясняет, как создать HTTPS на сайте, или переместить существующий сайт HTTP к HTTPS в WordPress среде.

Существует причина, почему это первый шаг — чем дольше вы будете ждать, прежде чем перейти к HTTPS, тем сложнее процесс становится, и тем большее будет влияние на трафик сайта. Это потому, что изменения протокола на самом деле заставляет вас потерять все свои социальные медиа любит, акции, твиты и т.д. (только цифры), так как они рассматриваются как другой URL. На момент написания этой статьи, нет никакого решения, так что это хорошая идея использовать HTTPS с самого начала.

Внешний вид с помощью Debug Social Media

Как ваш сайт выглядит, когда вы поделились в социальных сетях? Какое название используется? Описание? Значок видео? Это очень важно знать, как ваш сайт появляется, когда посетители получают доступ к сайту, или статьи на вашем сайте. Некоторые социальные сети, такие как Facebook и Twitter предлагают инструменты отладки, которые предоставляют информацию, касающуюся данного URL и даже предлагают предварительный просмотр URL, когда он совместим.

Facebook использует мета — теги Open Graph, чтобы получить название, описание и изображение для предварительного просмотра данного URL. Вы можете использовать Sharing Debugger, чтобы проверить свой URL. Twitter также предлагают свой собственный инструмент. И есть также бесплатный онлайн — инструмент, который позволяет вам проверить для всех основных социальных сетей одновременно, называемых iframely.

Использование совместимости facebook Debugger

Плагин Yoast SEO для WordPress предоставляет интерфейс для управления внешним видом в социальных сетях. Когда вы выбираете Facebook / Twitter изображения для предварительного просмотра, название и описание.

Проверка кросс-браузерной совместимости

Этот шаг не весел, но это необходимость. Когда я изначально начал разработки веб-сайтов, этот шаг был кошмар. Разница между движком рендеринга каждого браузера была настолько велика, что я чувствовал, что я разрабатывал другой сайт для каждого браузера. Это уже не так, поскольку браузеры в настоящее время пребывает в основном W3C спецификации&стандарты, но всегда есть новые и экспериментальные функции, которые вы хотите, убедиться, что правильно работает на всех браузерах.

Вы можете проверить совместимость браузера вручную, устанавливая все основные браузеры на вашем компьютере и просто запустив свой сайт в каждом из них. Я обычно развиваю свои сайты на Chrome (который предлагает лучшие инструменты для разработчиков, на мой взгляд, и является также самым популярным браузером), а затем проверяю в Safari, Firefox, IE и Edge. Доля рынка других браузеров ничтожно мала, и вы можете просто игнорировать их.

Доля рынка браузеров по информации netmarketshare.com

Если вы хотите получить более комплексный инструмент для тестирования браузера, browserstack.com является хорошим вариантом. Он позволяет увидеть, как ваш сайт отображается в различных браузерах одновременно, что делает процесс тестирования более эффективным.

Проверьте скорости страницы

Мы все знаем , что если сайт занимает больше времени, более чем на 3 секунды для загрузки (некоторые скажут, 1 секунду), пользователь не будет ждать полной загрузки и уйдет с сайта. Есть много вещей, которые необходимо учитывать при тестировании скорости загрузки сайта, включая время отклика сервера, количество HTTP — запросов в пределах страницы и размер контента (изображения, CSS, JS и т.д.). Есть 2 основных инструмента, которые я использую для проверки скорости страницы: Pingdom и Google Page Insights . Последнее фактически позволяет загружать сжатую версию всех активов на своем сайте. Это особенно полезно, когда дело доходит до изображений, потому что вы можете просто скачать и заменить несжатые (Google использует инструмент сжатия без потерь).

Инструмент анализа Google Insights по сайту andreyex.ru

Для дальнейшего улучшения времени загрузки вашего сайта, рассмотрим конкатенации JS & CSS в один файл кэша и левереджа браузера с помощью плагина WordPress, как W3 Total Cache. Я не рекомендую использовать плагин минимизации ваших скриптов и стилей, как это имеет тенденцию к замедлению времени обработки сервера. Вместо этого используйте инструмент, как GruntJS, чтобы минимизировать ваши скрипты и стили перед запуском вашего сайта.

Проверка дружелюбия к мобильным устройствам

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

Использование стационарными VS мобильными устройствами цифровой информации

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

Тест Google Search Console на дружественным к мобильным устройствам

Проверка HTML разметки

Используйте W3C HTML Markup Validator, чтобы убедиться, что ваш сайт использует правильный HTML — разметку. Этот инструмент может помочь вам найти элементы, в которых отсутствуют важные атрибуты (например , атрибут ‘Alt’ для изображений !!), а также отсутствие закрывающих тегов, устаревшие HTML элементов и многое другое.

W3C HTML Markup Validator

Устранение ошибок консоли

Используйте мой любимый инструмент — Chrome DevTools — для отладки JS и посмотреть, есть ли какие-либо ошибки или предупреждения в консоли JS, которые необходимо устранить. Подобно CSS — различные браузеры могут генерировать различные JS ошибки, так что вы можете открыть консоль в различных браузерах, чтобы убедиться, что все в порядке.

Консоль Chrome DevTools JS

Проверка ссылок

Вы можете использовать W3C Link Checker,  чтобы убедиться , что у вас нет каких — либо неработающих ссылок на вашем сайте. Этот инструмент может быть использован для рекурсивной проверки всех страницы вашего сайта. Процесс проверки может занять несколько минут, в зависимости от количества ссылок на странице.

W3C Link Checker

Добавить фавиконку

Фавиконки является важной частью идентичности вашего сайта. Favicons используются в закладках браузера и мобильных приложений (Когда пользователь сохраняет свой сайт как «приложение» в его/ее мобильном устройстве).

К счастью, так как WordPress 4.3, добавил фавиконки, добавление стало чрезвычайно простым процессом, который может быть сделан через настройщика. WordPress автоматически добавит также иконку App.

аналитика

Подключите ваш сайт к Google Analytics, чтобы получить полезную информацию относительно трафика, поступающего на ваш сайт. Большинство тем, как правило, позволяют добавить код отслеживания на каждой странице вашего сайта автоматически. Если ваша тема не позволяет вам это сделать, вам придется вручную вставить код отслеживания в footer.php. Другой вариант заключается в использовании плагин Jetpack WordPress. Jetpack предоставляет статистику сайта, хотя информация не является столь всеобъемлющей, как предоставляет Google Analytics.

Google Analytics

SEO

Что касается SEO, есть 2 важные вещи, которые надо сделать, прежде чем запустить свой сайт: Добавьте свой сайт в Google Search Console, и представьте карту сайта. Если вы используете HTTPS, вам нужно будет создать 2 свойства в поисковой консоли, один для HTTP и один для HTTPS.

Yoast SEO позволяет подключить ваш сайт к Google Search Console и автоматически генерирует XML Sitemap для вас, которые вы затем должны представить Search Console.

Представление карты сайта в Google Search Console

Вывод

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

2016-12-07T19:35:19

Лучшие учебники по Wodpress

Вы хотите встроить Google Slides презентации на вашем WordPress сайте? Google Slides позволяет создавать красивые презентации и обмениваться ими в любом месте. В этой статье мы покажем вам, как легко добавить Google Слайды презентаций на WordPress.

Метод 1: Добавьте Google Slides в WordPress с применением плагинов

Этот метод проще и рекомендуется для начинающих.

Во- первых, необходимо установить и активировать плагин Google Docs oEmbed. Для получения более подробной информации см наш шаг за шагом руководство о том, как установить плагин в WordPress.

Плагин работает из коробки, и нет никаких для вас настройки.

Перед тем, как встроить презентацию, вам потребуется доступ по URL вашей презентации Google Slides.

Вы можете получить его, открыв презентацию в приложении, а затем нажав на File » Publish to the web.

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

Вам нужно будет нажать на кнопку, чтобы продолжить публикацию.

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

Вы должны увидеть URL, который можно использовать для обмена презентации Google Slides.

Идем дальше и скопируем этот URL и вернуться обратно в админку сайта на WordPress.

Теперь вам нужно просто добавить этот URL в вашем WordPress. Отредактируйте пост или страницу, где вы хотите отобразить слайд.

В редакторе постов необходимо вставить URL, который вы только что скопировали из Google Slides. Очень важно, чтобы убедиться, что адрес на отдельной строке.

Если вы используете визуальный редактор, то, как только вы вводите URL он будет отображать презентацию в редакторе.

Теперь вы можете нажать на кнопку Опубликовать или Обновить, чтобы сохранить изменения.

Если вам нужно отрегулировать высоту и ширину контейнера Google Slides, то вам нужно обернуть вокруг URL встраивания шорткодом.

[ embed height=”900″ width=”400″]Slides URL[/embed ]

Не забудьте заменить URL Слайдера на URL вашей презентации Google Slides.

Вот и все, теперь вы можете просмотреть почту или страницу, чтобы увидеть как ваш Google Slide встроен в ваш WordPress сайт.

Способ 2: Добавление Google Slides с помощью вставки кода в WordPress

Этот метод не требует установки какого-либо плагина. Мы рекомендуем применять только этот метод, если вы не будете часто добавлять Google Slides на свой WordPress сайт.

Прежде всего, необходимо открыть презентацию, которую вы хотите опубликовать, а затем нажмите на File » Publish to the web.

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

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

Теперь вам нужно перейти на вкладку Вставить и скопировать код для вставки.

Зайдите к админку WordPress и отредактируйте пост или страницу, на которой вы хотите добавить свою презентацию Google Slides.

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

Теперь вы можете сохранить или обновить пост / страницу. Посетите веб-сайт, чтобы увидеть презентацию Google Slides в действии.

Мы надеемся , что эта статья помогла вам узнать, как добавить презентацию Google Slides на сайт WordPress.

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

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

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

С этой целью был разработал wp-admin-notifications — простой скрипт, который позволяет легко добавлять статические/неотстранимые уведомления администратора с одной строкой кода. Сценарий также предлагает дополнительные возможности для дальнейшей настройки поведения уведомления.

В следующем учебнике вы узнаете, как вы можете добавить статические и неотстранимые уведомления с помощью wp-admin-notifications.

Добавление статического уведомления

Добавление статического уведомления администратора в WordPress с помощью wp-admin-notifications, так же просто, как сделать единый вызов функции wp_admin_notification(). Как минимум, эта функция принимает 3 параметра — $handle, $content и $type.

$handle используется для идентификации уведомления (далее мы будем обсуждать это в контексте неотстранимые уведомления).

$content используется в качестве содержания уведомления, и принимает текст и HTML.

$type - относится к типу уведомлении. Он принимает одну из строк  success, error, info или warning.

Следующий пример выведет статическое уведомление об ошибке:

<?php

wp_admin_notification( 

    'my-error-notice', 

    __('Ой! Это <strong>ошибка</strong> в сообщении.','slug'), 

    'error' 

);

?>

Добавление неотстранимых уведомлений

Четвертый аргумент позволяет превратить уведомление в неотстранимые. wp-admin-notifications делает удаление стойкими ко всем страницам администратора, сохраняя handle уведомлении в базе данных. Когда пользователь нажимает на кнопку закрыть, исполнение запросов производится в асинхронном режиме, чтобы сохранить handle уведомлении.

Следующий пример выведет неотстранимое предупреждающее уведомление:

<?php

wp_admin_notification( 

    'my-warning-notice', 

    __('Внимание, это <strong>предупреждение</strong> в сообщении.','slug'), 

    'warning', 

    true 

);

?>

Но что , если мы хотим показать закрытое уведомление? Например, когда пользователь удаляет плагин и устанавливает его еще раз, это имеет смысл, чтобы показать уведомление снова , даже если пользователь отклонил его ранее. Для этой цели можно использовать функцию  wp_reset_admin_notification($handle), которая сбрасывает уведомление для данной handle. Вызов удалит данную handle из базы данных, если пользователь ранее отклонил его.

Например, следующий код сбросит уведомление о том, что соответствует handle 'my-warning-notice':

<?php

wp_reset_admin_notification( 'my-warning-notice' );

?>

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

Добавление уведомлений в многоузловые сети

В многоузлового среде WordPress, каждый сайт является его собственное отдельное лицо со своими собственными администрированием баз данных и таблиц. Кроме того, существует общий раздел, куда добавлены для администрирования сети, которая требует подключения к специальным крюкам действия. wp-admin-notifications будут печатать общесетевые уведомления, если 6 — й параметр установлен true. Она делает это путем подключения к крючку network_admin_notices.

Следующий пример печатает статическое уведомление об ошибке на всех сайтах, в том числе в области сетевого администрирования:

<?php

wp_admin_notification( 

    'my-error-notice', 

    __('Ой! Это <strong>ошибка</strong> в сообщении.','slug'), 

    'error',

    false,

    '', // Добавлен класс CSS

    true // Сделать в сети уведомления

);

?>

<?php

wp_admin_notification( 

    'my-error-notice', 

    __('Ой! это <strong>ошибка</strong> в сообщении.','slug'), 

    'error',

    false,

    'my-notice', // Добавлен класс CSS

);

?>

.my-notice {

    background-color: red;

}

/* Или использовать идентификатор, чтобы увеличить специфичность */

#my-error-notice {

    background-color: red;

}

Большинство людей думают, что их веб-сайт WordPress был безопасен только потому, что он не имеет какого-либо контента который стоит взломать. К сожалению, это не так. Сайты часто взламывают, например для распространения спама. Или ядро и файлы темы заполнены вредоносным кодом, чтобы заразить и взломать компьютеры вашего посетителя сайта. Вполне возможно, что вы только заметили повреждение, когда Google или Yandex уже пометили ваш сайт или удалили его из индекса. Не позволяйте этому случиться, и рассмотрите мои советы для идеального wp-config.php.

Есть много способов защитить свой веб — сайт на основе WordPress от взлома. Оптимизация wp-config.php можно считать важной частью правильной стратегии безопасности. Конечно, сайт не превратится в Банк, но вы сделали это немного сложнее для хакеров.

Для оптимизации wp-config.php, используются так называемые константы. WordPress имеет много констант , которые могут быть использованы. Но что такое константа? PHP.net описывает константы следующим образом:

Константы встроены в функции define(), и выглядят следующим образом: define('NAME_OF_THE_CONSTANT', value);

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

До работы: пожалуйста, создайте резервную копию wp-config.php

Перед тем, как браться за редактирование файла wp-config.php, создайте резервную копию этого файла. Ваш сайт не будет работать с неправильными или отсутствующими записями.

Важно: Всегда делайте обновление WordPress и плагинов

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

Ситуация в сфере безопасности:

Специалистов в области безопасности Sucuri в настоящее время предупреждают о недостатка безопасности в популярном плагине Jetpack для WordPress. Вредоносный код может быть реализован с помощью шорткод-встраиваемой-функции. Automattic  будут действительно реагировать скоро и выпустят новую версию.

Как закрыть брешь в безопасности на данный момент:

Если вы будете использовать свой «оптимальный» файл .htaccess, вы не в опасности. Там, большой брандмауэр 6G, который может парировать этот тип атак.

Подготовка:

Для всех последующих работ, вам понадобится программа FTP клиент, а также редактор HTML. wp-config.php загружается на рабочий стол, и редактируется в HTML-редакторе, и загружается обратно на сервер.

1 — Используйте ключи безопасности

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

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

Если вы еще не реализовали ключи безопасности, то это подходящее время, чтобы сделать это.

Дополнительная информация:

• генератор ключей защиты WordPress

<?php

// Forciere das Anmelden mit SSL

define('FORCE_SSL_LOGIN', true);

// Adminbereich nur Nutzbar mit SSL

define('FORCE_SSL_ADMIN', true);

<?php

//Schaltet die Theme- und Plugin-Editoren ab

define('DISALLOW_FILE_EDIT', true);

<?php

// Перенос wp-config.php в другое место.

// Внимание: путь должен быть настроен

define'ABSPATH', dirname__FILE__ ;

require_once ABSPATH '../path/to/wp-config.php';

<?php

define('FTP_SSL', true);

<?php

define('FTP_SSL', true);

<?php

define('WP_DEBUG', false);

<?php

define('WP_DEBUG_DISPLAY', false);

<?php

// Все версии, разрешить автоматически обновить WordPress

define('WP_AUTO_UPDATE_CORE', true);

<?php

/*

Plugin Name: Automatische Plugin-Updates

Plugin URI: http://andreyex.ru

Description: Все плагины будут автоматически поддерживается в актуальном состоянии. Плагин должен находиться в папке /wp-content/mu-plugins/.

Author: andreyex

Author URI: http://andreyex.ru

License: GPL2

*/

add_filter( 'auto_update_plugin', '__return_true' );

<?php

add_filter( 'auto_update_theme', '__return_true' );

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

Что такое Google AMP?

Google AMP выступает за ускоренную страницы для мобильных устройств. Он с открытым исходным кодом при поддержке технологических компаний, таких как Google и Twitter. Целью проекта является сделать загрузку веб — контента быстрее для мобильных пользователей.

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

Ускоренные мобильные страницы или AMP используют голый минимальный HTML и ограниченный Javascript. Это позволяет контенту, который будет размещен на Google AMP Cache. Google может затем отдавать кэшированную версию пользователям мгновенно при нажатии на ссылку в результатах поиска.

Это очень похоже на Facebook Instant Articles. Тем не менее, Instant Articles ограничены только платформой Facebook, более конкретно на их мобильное приложение.

Ускоренные Мобильные страницы являются платформы агностиком и может быть использованы любым приложением, браузером или веб-просмотром. В настоящее время он используется Google, Twitter, LinkedIn, Reddit и другими.

Плюсы и минусы Google AMP (Accelerated Mobile Pages)

Эксперты утверждают, что SEO Accelerated Mobile Pages поможет вам дать более высокий рейтинг в Google, и это улучшает пользовательский опыт для мобильных пользователей на медленных интернет-соединений. Тем не менее, есть несколько проблем для владельцев веб-сайтов, блоггеров, и маркетологов.

AMP использует ограниченный набор HTML, JavaScript и CSS. Это означает, что вы не можете добавить некоторые виджеты и функции на свой мобильный AMP веб — сайт. Это ограничивает вашу способность добавлять смарт — формы электронной почты OPTIN, facebook и другие динамические скрипты.

В то время как Google AMP поддерживает Google Analytics, он не поддерживает многие другие аналитические платформы. То же самое касается рекламных опций, которые ограничены, чтобы выбрать несколько рекламных платформ.

Несмотря на свои ограничения, Google продвигает страницы AMP, давая им толчок в мобильном поиске.

Если значительная часть вашего трафика приходит из мобильного поиска, то вы можете добавить поддержку AMP для улучшения и поддержания вашего SEO.

Некоторые из наших читателей спрашивали о том, как настроить Google AMP в WordPress, мы создали шаг за шагом процесс о том, как настроить ускоренные мобильные страницы в WordPress.

Настройка ускоренных страниц для мобильных устройств или AMP в WordPress

Первое, что вам нужно сделать, это установить и активировать плагин AMP. Для получения более подробной информации см наш шаг за шагом руководство о том, как установить плагин в WordPress.

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

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

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

Не забудьте нажать на кнопку Сохранить, чтобы сохранить изменения.

Теперь вы можете посетить любой один пост на вашем сайте и добавить /amp/в конце URL. Примерно так:

https://andreyex.ru/blog-platforma-wordpress/luchshie-uchebniki-po-wordpress/kak-pravilno-ustanovit-google-amp-na-vashem-sajte-wordpress/amp/

Вам покажет усеченную версию AMP поста.

Если просмотреть исходный код оригинального поста, вы найдете эту строку в HTML:

<link rel="amphtml" href=" https://andreyex.ru/blog-platforma-wordpress/luchshie-uchebniki-po-wordpress/kak-pravilno-ustanovit-google-amp-na-vashem-sajte-wordpress/amp/" />

Эта строка сообщает поисковым машинам и других AMP,  где искать версии AMP страницы.

Исправление проблем:

Если вы видите сообщение об ошибке 404 при попытке просмотреть версию AMP, то вот что вам нужно сделать.

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

Просмотр страниц ускоренный мобильный в Google Search Console

Хотите знать, как ваши Ускоренные страницы для мобильных устройств показываются в поиске Google? Вы можете легко проверить это с помощью Google Search Console.

Войти в панель управления Google Search Console, а затем нажмите Вид поиска »ускоренные мобильные страницы.

Не беспокойтесь, если вы не видите ваши результаты AMP сразу. Это может занять некоторое время для Google, чтобы он мог проиндексировать ваши ускоренные страницы для мобильных устройств, а затем показать данные в Search Console.

Расширение и настройка Ускоренных страниц для мобильных устройств

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

Если вы уже используете Йоаст SEO, то вам необходимо установить и активировать Glue for Yoast SEO & AMP.

Этот плагин надстройка для Yoast SEO и плагина AMP. После активации, вам необходимо посетить страницу SEO »AMP для настройки параметров плагина.

Плагин позволяет включить поддержку AMP для других типов постов.

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

Вы можете переключиться на вкладку Analytics, чтобы добавить свой идентификатор Google Analytics.

Не забудьте нажать на кнопку Save Settings для сохранения изменений.

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

Тем не менее, вы должны убедиться, проверить страницы AMP после установки каких — либо аддон плагинов.

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

Краткое предисловие

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

Код плагина-примера

<?php

/*

Plugin Name: Page Creator

Plugin URI: http://andreyex.ru/wordpress-i-programmnoe-sozdanie-stranicy/

Description: Пример программной генерации страницы.

Author URI: http://andreyex.ru

Author: AndreyEx.

Version: 2.0.0

*/

 

$pce_name = "Page Creator";

     

function pce_code_add_admin() {

  global $pce_name;

  add_options_page(__('Настройки'), $pce_name, 'edit_themes', basename(__FILE__), 'pce_code_to_admin');

}

 

function pce_code_to_admin() {

  global $pce_name;

?>

 

<div class="wrap"><?php

    screen_icon();

    echo '<h2>'.__('Настройки').': '.$pce_name.'</h2>';

    if (isset($_POST['save'])) {

        $np = array(

            'slug' => 'example-gen',

            'title' => 'Заголовок статьи',

            'content' => "Содержимое статьи"

        );

        if ( wp_insert_post( array(

                'post_title' => $np['title'],

                'post_type'    => 'page', // тип записи

                'post_name'     => $np['slug'], // URL, будут совпадения? WordPress сам все исправит.

                'comment_status' => 'closed', // закрыть комментарии

                'ping_status' => 'closed', // запретить пинги

                'post_content' => $np['content'],

                'post_status' => 'publish', // опубликовать статью

                'post_author' => 1, // кто будет автором

                'menu_order' => 0 // положение пункта в меню

            )) > 0 ) :

            echo '<div id="setting-error-settings_updated" class="updated settings-error"><p><b>'.__('OK.').'</b></p></div>';

        endif;

    } ?>

    <form method="post">

      <div class="submit">

          <input name="save" type="submit" class="button-primary" value="<?php echo __('Добавить новую страницу'); ?>" />

      </div>

    </form>

</div><?php

}

 

add_action('admin_menu', 'pce_code_add_admin');

 

?>

Небольшое примечания

Собственно, нужный функционал находится между 26 и 41 строчками кода включительно. Функция возвращает 0, если не создается новый пост, иначе получите просто идентификатор записи.