О SEO блогах на WordPress
В этой статье поведаю о зеленых попугаях в PageSpeed Insights и попаданием в топ Яндекса. Проведен эксперимент.
За основу я взял шаблон Reboot от команды WPSHOP (не реклама, раньше всегда использовал темы root, pluto или верстал сам).
На новом шаблоне изменил под себя дизайн, немного дописал CSS.
В шаблоне снёс подключение Google шрифтов, поставил свои библиотеки на хостинг, обязательно подключение шрифта с параметром font-display: swap;.
Проверка валидации показала предупрждение в подключении скриптов и стилей: для HTML5 считается устаревшим параметр "text/javascript" и др., решается добавлением в function. php шаблона (работает в большинстве случаев):
add_action( 'template_redirect', function(){
ob_start( function( $buffer ){
$buffer = str_replace( array( 'type="text/javascript"', "type='text/javascript'" ), '', $buffer );
$buffer = str_replace( array( 'type="text/css"', "type='text/css'" ), '', $buffer );
return $buffer;
});
});
Далее подключаем модули:
Clearfy Pro - известность. Пришел на смену модуля MFP mod, кстати тоже еще актуален). С помощью него удаляется весь мусор из WordPress. Модуль проставляет заголовки Last Modified, удаляет JSON, jquery-migrate.min.js, производит минификацию HTML и много-многое другое полезное для SEO. Конечно, все это можно сделать вручную через function.php.
Yoast SEO - классика. Кроме разметки и мета, использую для генерации карты сайта. У Yoast есть дополнения для WooCommerce, пример работающего магазина на данном модуле - wpnull.org и еще миллионы сайтов. О All in One SEO Pack плохого ничего не могу сказать, но шаблоны делают под Yoast.
Really Simple SSL - позволяет настроить SSL и HSTS в один клик, либо все делаем без модуля в .htaccess. Включить редирект HTTPS на сайте - это верхушка айсберга защищенного соединения.
WP-Optimize - оптимизация и чистка БД, кеширование сайта.
Webcraftic Robin image optimizer - этим делом сжимаю изображения на всем сайте, доступна конвертация в WebP.
Яндекс.Турбо - тут понятно, использую только для статей, они сразу попадают в Яндекс после публикации и доступны в облегченной турбо версии сайта для мобильных устройств.
Если бы мне нужен был бы слайдер, я бы его скачал с CodePen или GitHub. Но не пользовался бы Slider Revolution, модуль крутой, но меня удобство не интересует, главное скорость, все через код. Contact Form 7 тоже выкинуть, свою PHP форму поставить и пусть работает на нужных страницах, а то подгружает свои библиотеки глобально.
Карта robots.txt сделана вручную, с учетом WooCommerce:
User-agent: *
Disallow: /cgi-bin
Disallow: /cart/
Disallow: /checkout/
Disallow: *?filter*
Disallow: *?add-to-cart*
Disallow: */trackback
Disallow: */feed
Disallow: /*attachment*
Disallow: */embed*
Disallow: */wp-json*
Disallow: /?
Disallow: /wp-
Disallow: /*?s=
Disallow: /*?
Disallow: /?s=
Disallow: /*&s=
Disallow: /search
Disallow: /author/
Disallow: /xmlrpc.php
Disallow: /readme.html
Allow: /wp-*.png
Allow: /wp-*.jpg
Allow: /wp-*.jpeg
Allow: /wp-*.gif
Allow: /wp-*.svg
Host: ДОМЕН
sitemap: КАРТА САЙТА
Для HSTS в .htaccess обязательно max-age=31536000
<IfModule mod_headers.c>
Header set Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" env=HTTPS
Header always set X-XSS-Protection "1; mode=block"
Header always set X-Content-Type-Options "nosniff"
Header always set Referrer-Policy: "no-referrer-when-downgrade"
</IfModule>
Остался jQuery, на который постоянно жалуется Google. Встроенная в ядро библиотека jQuery WP подключается в файле wp-include/script-loader.php. Если это не предусмотрено шаблоном, как в нашем случае. Переносим jQuery в футер, используем команду:
function jquery_mumbo_jumbo() {
wp_dequeue_script('jquery');
wp_dequeue_script('jquery-core');
wp_dequeue_script('jquery-migrate');
wp_enqueue_script('jquery', false, array(), false, true);
wp_enqueue_script('jquery-core', false, array(), false, true);
wp_enqueue_script('jquery-migrate', false, array(), false, true);
}
add_action('wp_enqueue_scripts', 'jquery_mumbo_jumbo');
jQuery блокирует отрисовку, особенно на мобильных устройствах, Google хамит на эту библиотеку. Если это не мешает загрузке контента на сайте, убираем в футер.
*Замечу, что шаблон уже в основном оптимизирован разработчиками, не использует тяжелых фреймворков и билдеров. В коде нет латиницы. Если Вы берете шаблон из themeforest, крайне рекомендую удалять неиспользуемый CSS и JS вручную, перекидывать скрипты в футер вручную (увеличиваем скорость отрисовки контента) и т.д. Не использовать плагины для автоматической оптимизации и сжатия кода. Обычно на темах навешено 100500+ плагинов, которые подгружают свои библиотеки на всем сайте, да и style.css наполнен 30ью демо-сайтами. Как по мне, любые автоматические оптимизаторы зло, да еще и реклама в коде. Максимум плагин для кеширования и работы с БД.
Что получилось?
Для эксперимента собрал статью о procreate, полтора месяца назад ключ "procreate photoshop" собирал 1500 запросов/мес. Страница сразу оказалась в топе и уже долго там находится.
Помимо этого
На сайте нет семантического ядра, разнообразный контент на любые темы.
Хостинг: самый дешевый тариф Бегет, у них кстати сейчас PHP 7.4. Хостинг тоже тестирую, до этого пользовался МакХостом без проблем. Пока Бегет радует каждый день падением сайта и потерей соединения с сервером БД. Раньше такого не было:(
CDN на сайте не используется, выделенный IP тоже. Всегда спасает кеш при недоступности сайта. Есть еще много доработок, занимаюсь.
За модули спасибо! Интересно
Эдуард, здравствуйте!
Посмотрели ваш тикет и аккаунт. Проблемы были вызваны вредоносной активностью на сайтах, которые размещаются рядом с вашим аккаунтом на этом сервере виртуального хостинга. Нам жаль, что вы столкнулись с подобной ситуацией. На новых серверах shared-хостинга, где открыта регистрация, подобные ситуации могут неизбежно встречаться. Дело в том, что когда на сервере размещаются сайты новых клиентов, некоторые из них могут потреблять множество ресурсов (порой десятикратно, а то и стократно превышающие допустимые лимиты) или сайты на которые ведётся DDoS. О проблемности попадающих на сервер сайтов можно узнать только по факту и по проявившейся проблеме. Поэтому администраторы 24/7 мониторят такие случаи. Иногда случается, что быстро устранить нет возможности или ситуация повторяется, но уже с сайтом на др. аккаунте. Но наши специалисты следят за этим и решают их как можно быстрее, чтобы сайты работали исправно.
На данный момент сервер с вашим аккаунтом работает стабильно. Если что-то пойдет не так - обращайтесь в тикет или любым удобным способом, поможем.
Спасибо! Да, сейчас стабильно работает. У Вас раньше не было подобных проблем, сам в шоке. Я подключал к Вашему хостингу большое количество своих клиентов, создавал сайты на бегете, все на протяжении 4 лет и ни одной проблемы.
Спасибо за плагины. Посмотрю.
Мне больше нравится делать на теме Divi.
По поводу "топ Яндекса" - мой новый сайт через 2 недели на первом месте без рекламы. Ссылки не будет, т.к. не реклама ))
Все сайты лежат на свебе (sweb.ru). Отлично работают + техподдержка не бросает, даже если у автора кривые руки )
Мои плагины:
Classic Editor
Code Snippets
Envira Gallery
JivoSite
MFP mod WP
Site Kit от Google
Wordfence Security
Yoast SEO Premium
Уведомление о куки
Яндекс Метрика
—--—--—--—-
Давайте поделимся многолетним опытом и выложим темы и плагины!
Раз уж вы так обожаете плагины, не забывайте ВОВРЕМЯ обновлять, хотя это помогает всего лишь в половине случаев,зависит от авторства уязвимости.
Ну а если сайт отдан заказчику, то обновлениями там точно не пахнет, редкий владелец сайта вообще в админку заходит...
Моё решение - вообще не ставить плагины, мой список - редко один, очень редко два плагина...
Например, вот про апрельскую дырку плагина из вашего списка - https://www.wordfence.com/blog/2020/05/vulnerability-in-google-wordpress-plugin-grants-attacker-search-console-access/
И т.д...
Плагин Живосайт. Ну ёмае)))
"Пока Бегет радует каждый день падением сайта и потерей соединения с сервером БД" - и так будет вечно, увы.
У меня тоже ничего на бегет не падает