Плагины | Code==Poetry

Как подключить Турбо-страницы Яндекса для сайта на WordPress?

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

Официальный сайт

Подробно о турбо-страницах можно почитать по ссылке выше,а мы сразу перейдем к делу 🙂

Подключение Турбо-страниц в Вебмастере

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

В WordPress уже существует генерация rss-фида, но как мы видим он не соответствует требованиям разметки от Яндекс. Самым простым и быстрым методом будет подключение и создание специального фида через плагин.

Официальный сайт (ссылка в начале поста) предлагает ряд бесплатных решений:

плагины для вордпресс для создания турбо-страниц

Не вижу причин для отсутствия в этом списке ещё одного решения — плагина Яндекс.Турбо (Автор: Flector), но мы его установим через стандартный интерфейс установки плагинов в CMS WordPress:

Краткая Инструкция по установке

Установите плагин через меню «Плагины\Добавить новый» (искать «RSS for Yandex Turbo» или «Яндекс.Турбо»).
Активируйте плагин в меню «Плагины».
Зайдите в настройки плагина «Настройки\Яндекс.Турбо» и сохраните их.

В принципе на этом всё. Выше в окне настроек плагина вы можете видеть ссылки на специальную разметку. В моём случае первая ссылка выглядит вот так:

https://codeispoetry.ru/feed/turbo

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

Теперь осталось добавить их в разделе Яндекс Вебмастер, который мы рассматривали ранее.

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

Исправление ошибок

Для выявления ошибок нужно перейти в режим отладки:

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

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

В моём случае валидатор ругался на тег <header>. Я просто исключил этот тег в разделе фильтров:

Это можно было исправить и другим способом. Ошибка была связана с содержимом тега [CDATA[]] найдены закодированные символы

Можно исправить сам тег, например взять его в специальный тег code — это будет правильным решением.

После этого можно убедиться в исходном коде фида на его отсутствие и затем повторить валидацию:

Готово!

Учтите, что в режиме ВКЛ (фид включен) валидация пройдёт не сразу.

Проверка фида может занимать продолжительное время. Наберитесь терпения. Сам Яндекс оповещает о том, что обычно проверка занимает около 2 часов.

Во включенном состоянии переобход источника и перестроение примеров Турбо-страниц в поиске происходит раз в час.

Яндекс Вебмастер

Часто встречающиеся ошибки RSS-канала

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

Где найти идентификатор (номер) счетчика?

Рекомендую посетить эту страничку.

Так же номер счётчика можно указать и в специальном разделе для настройки Турбо-страниц, который именуется Веб-аналитика:

Раздел доступен в разделе Настройки:

Как быстро улучшить производительность сайта на WordPress?

Самый простой плагин для оптимизации скорости WordPress, который позволяет ускорить работу сайта в несколько кликов, встречайте! Бесплатный плагин — Jetpack Boost.

После установки плагина и его активации в меню появится специальный раздел. Нас интересует ссылка Boost

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

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

Ну а если нет, то давайте улучшим эти показатели.

Оптимизация загрузки CSS

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

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

Кеш страниц

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

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

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

P.S. Рекомендую включить журнал и проверить работу кеширования. Если проблем на сервере нет, то при включенном страничном кешировании вы должны видеть попадание в кеш посещенных страниц.

Отложенное выполнение второстепенного кода Javascript

Отложенное выполнение второстепенного кода Javascript переносит выполнение ряда задач на время после загрузки страницы. Таким образом важная визуальная информация отображается раньше, а веб-сайт загружается быстрее. Подробнее об отложенном выполнении javascript см. на web.dev

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

Объединить и минифицировать CSS и JS

Объединить и минифицировать CSS и JS: объединяет и сжимает ресурсы JavaScript и CSS, чтобы снизить количество и объём запросов к серверу, что позволяет быстрее загружать контент.

Опытные пользователи могут найти для себя полезную настройку — исключений JS:

CDN изображений

CDN изображений позволяет вашему сайту загружать изображения автоматически изменённого размера в современных веб-форматах прямо из всемирной сети доставки контента Jetpack.

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

Доставка изображений из сети предоставления содержимого Jetpack. Автоматически изменяет ваши изображения до подходящего размера, конвертирует их в современные эффективные форматы, такие как WebP, и загружает их из глобальной сети серверов.

Ну вот и всё! В несколько кликов мы заложили неплохой фундамент для повышения производительности нашего сайта на WordPress.

Как найти и исправить неработающие (битые) ссылки на сайте WordPress?

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

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

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

Отсюда, индекс качества таких URL понижается и они попросту теряются. Вероятность, что кто то попадёт на такие страницы (со статусом 404) из поисковой выдачи очень мала.

Как обнаружить неработающие ссылки?

Для этих целей существуют различные инструменты: Google Search Console, Screaming Frog, Яндекс Вебмастер и другие. В Яндекс Вебмастере относительно недавно, появился новый инструмент для проверки ссылок с ошибками.

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

внутренние — это ссылки, ссылающиеся между страницами вашего сайта;
внешние — это ссылки, ведущие на ваш сайт со страниц других ресурсов;
исходящие — это ссылки, которые ведут со страниц вашего сайта на другие ресурсы.

Выглядит это так:

Внутренняя ссылка — это ссылка, которая расположена на странице вашего сайта и ведет на другую страницу этого же сайта.

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

Ссылка считается неработающей, если на запрос робот получил HTTP-статус отличный от 2XX или 3XX.

Неработающие ссылки могут быть исключены из индекса. Информация об этом доступна в разделе «Статистика обхода».

Сведения о работоспособности ссылки обновляются в сервисе после переиндексации роботом.

https://yandex.ru/support/webmaster/site-indexing/broken-links.html

Плагин для проверки битых ссылок Broken Link Checker (автор: WPMU DEV)

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

Официальная страница плагина

После установки плагина, работу с ним начать можно сразу из меню Проверка ссылок:

Перед нами дилемма: или начать работу в «облаке», либо «по старинке» за счет вычислительных мощностей вашего сервера и интерпретатора PHP 🙂

Первый метод требует создание аккаунта на сервисе разработчиков, поэтому я предпочёл выбрать второй вариант — Локальный.

Стоит отметить, что плагин работает сразу «из коробки», то есть уже начинает анализировать ваш контент на предмет битых ссылок. В данном примере видно, что сразу найдено 9-ть неправильных ссылок и 741 URL в очереди на проверке. Неплохое начало)

Тут же мне посыпались уведомления (на E-mail администратора), о том что были найдены битые ссылки. В скриншоте выше видно, что уведомлениями мы можем управлять и при необходимости отключить их или изменить получателя. А вот и скриншот письма:

Вобщем, при локальном методе работы, наш плагин содержит две вкладки: Обнаруженные ссылки и раздел настроек:

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

Как исправить битые ссылки?

Всё зависит от назначения ссылки. Ситуации бывают разные. Рассмотрим один интересный кейс (случай):

Ссылка на сайте долгое время вела на каталог в формате PDF (кстати, такие файлы тоже индексируются и могут быть доступны для поиска пользователям в Google, Яндекс или других поисковых машинах).

Вот баннер, который располагается на главной странице сайта.

Клик по баннеру перенаправляет пользователя на каталог в виде файла формата PDF

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

И вот в один прекрасный день, кто-то по ошибке, а может и нарочно удаляет с сервера этот файл. Что произойдёт? Все кто будет переходить по этому УРЛ будут непременно видеть:

Знакомая картина?

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

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

Другой случай. Была удалена неактуальная статья с сайта. А на эту статью ссылались другие страницы сайта, условно говоря, была перелинковка. Что делать в этом случае? Естественно исправлением будет — удаление ссылок на эту страницу, так как новую создавать не планируется, в силу неактуальности информации.

Поэтому, тут всё индивидуально. Смотря какая ситуация будет у вас. В основном это следующие решения:

Настройка переадресации (301) на похожие страницы сайта
Исправление ссылки на новую (действующую)
Удаление неисправных ссылок

Настройки плагина

В разделе настроек хотел бы отметить следующие возможности:

Настройка уведомлений об обнаружении битых ссылок на вашем сайте
Периодичность проверок (по умолчанию 72 часа). Если контент на вашем сайте редко меняется, то можно значительно увеличить этот интервал.
Можно указать тип контента по которому осуществлять поиск. В частности, если у вас интернет-магазин, то возможно будет разумным включить поиск по типу контента — Товары.
Показать виджет панели инструментов для… И по умолчанию стоит настройка «Редактор и выше». Возможно, стоит ограничиться только ролью Администратора

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

Как сохранять сообщения E-mail из форм плагина «Contact form 7» на сайте?

Дано: Сайт под управлением CMS WordPress. На сайте используется плагин «Contact Form 7», для создания и отправки E-mail форм.

Задача: Сохранять отправленные E-mail сообщения (обращения) внутри сайта, в базу данных, чтобы можно было получить доступ к письмам из панели управления сайтом.

Решение: Плагин «Contact Form 7» не сохраняет отправленные пользователями сообщения через формы на сайте. Но существует дополнение к этому плагину, которое исправляет эту маленькую неприятность.

Flamingo — это плагин для сохранения сообщений, созданный специально для плагина Contact Form 7.

Найти и установить его можно из панели управления сайтом, по одноимённому ключевому слову:

После активации плагина, вам будет доступен пункт Flamingo в меню административной панели WordPress.

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

В Адресной книге будут E-mail пользователей, которые уже существовали в базе данных на сайте, а также которые будут поступать с новых обращений. Обратите внимание на полезный раздел История, в котором отображается источник обращения.

А при помощи кнопочки Экспорт вы можете выгрузить данные пользователей в формате CSV, например, для переноса их в сервис рассылки или CRM 🙂

Раздел Входящие обращения содержит непосредственно сами письма поступающие из форм созданных плагином Contact Form 7. В частности, ниже мы видим поступившее обращение:

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

С Flamingo вам больше не придётся беспокоиться о потере важных сообщений из-за ошибок почтового сервера или неправильной настройки отправки почты.

Официальная страница плагина на WordPress.org

Существуют и другие подобные решения, но в своей статья я ограничился этим, так как оно является простым, не нуждается в настройках и работает сразу «из коробки», а самое главное — его разработчик это автор плагина Contact Form 7, а следовательно вопрос совместимости и прочих нюансов отпадает.

Возможные неприятности

И вроде бы всё с первого взгляда хорошо… Приходят письма, данные отправителей сохраняются…

Но есть одно «но». Не стоит забывать о спаме! Как известно перед спамерами наиболее уязвимы именно формы отправки данных, такие как: комментарии, формы обратной связи.

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