Кейс: доробка сайту WordPress

Про проект

Досить часто до нас звертаються з приводу доробок сайтів на WordPress. Причому у ряді випадків необхідність цих доробок виникає за результатами технічного SEO-аналізу. Саме таке замовлення нам надійшло від компанії «Вікна Тепло», з якою ми вже працювали раніше за завданнями, пов’язаними з перенесенням сайту та його розвитком. Створення сайтів, що продають, на WordPress і не тільки – одна з основних спеціалізацій нашої компанії, тому вирішення таких завдань ніколи не було для нас проблемою.

Завдання

Фахівці команди Webnauts провели аналіз внутрішніх факторів сайту, за результатами якого було поставлено такі завдання доопрацювання сайту на WordPress:

підвищення швидкодії сайту (зокрема підключення кешування та стиснення);
налаштування .htaccess для усунення дублів сторінок, а також обробки помилкових адрес з кількома слешами;
усунення помилок у «хлібних крихтах» та додавання мікророзмітки відповідно до стандартів www.schema.org;
оптимізація контенту та розмітки.

Разюча оптимізація

Швидкодія — одна з найважливіших характеристик у світовій мережі. Спочатку сайт «Вікна Тепло» виглядав для людського ока досить спритним. Але не для техніки та пошуковиків.

В результаті виконаної роботи фахівцями Webnauts досягнуто суттєво зросла швидкодія сайту на WordPress.

під’єднано gzip-стиснення та кешування на стороні сервера та браузера клієнта;
за допомогою готового рішення — плагіну WordPress — оптимізовано завантаження CSS і JS.

Для оцінки швидкодії сайту ми використовували PageSpeed Insights від Google. Результат очевидний: показник тестування для настільних комп’ютерів зріс з 33 до 89 балів вражає!

Впровадження коректної мікророзмітки у WordPress

Максимальну увагу при розробці та налагодженні ми приділили питанням мікророзмітки, адже вона допомагає ранжувати сторінки краще, оскільки Google може використовувати структуровані дані для більш повного розуміння контенту сторінки.

Спочатку сайт замовника генерував помилкові “хлібні крихти” та некоректне структурування мікродати.

Для вирішення такого педантичного і вимогливого до нюансів питання ми використовували сервіс Structured Data Testing Tool від Google, стандарти мікророзмітки від www.schema.org, застосовні на сайті замовника, та власний багатий досвід. Нами повністю були переосмислені та виправлені згідно з сучасними вимогами вже впроваджені раніше на сайті стандарти Organization, Service та Article. З нуля створено та впроваджено мікророзмітку навігації – наскрізних меню.

Результат такої тонкої роботи – проходження тесту в Structured Data Testing Tool на відмінно і без помилок.

Трохи про 301 редиректи

Кожна зайва переадресація – це секунди дорогоцінного часу віддачі сторінки, навантаження на сервер, нечіткі команди для пошукових роботів. Перед нами постало завдання налаштування 301 редиректів для сайту замовника. Такий вид переадресації необхідний для користувачів у випадку, якщо інформація з певної сторінки тепер розташовується за іншою адресою через різні причини, наприклад, як у нашому випадку, на дублюючій сторінці зі слешем або без нього в кінці адреси.

Ми провели роботу з кореневим файлом .htaccess та отримали наступні результати:

успішно налаштований 301-редирект для головної сторінки з адреси з www.* на адресу без www.*,
усунено дублі сторінок з кінцевими слешами за допомогою обробника помилкових адрес.

Доробка WordPress: рішення та результати

В результаті виконаної роботи на сайті клієнта досягнуто наступних завдань:

істотне підвищення швидкодії сайту;
усунуто помилки в «хлібних крихтах»;
додано мікророзмітку даних на сайт, що відповідає стандартам www.schema.org;
налаштований кореневий .htaccess;
оптимізована робота тегу canonical: досягнуто його коректної роботи на всіх сторінках сайту;
оптимізовано контент: виправлено мета інформації медіафайлів (відновлено атрибути alt і title), проведено заміну «жирних» тегів на блокові, виправлено генерацію заголовків сторінок та елементів на сторінках.

О проекте

Довольно часто к нам обращаются по поводу доработок сайтов на WordPress. Причём в ряде случаев необходимость этих доработок возникает по результатам технического SEO-анализа. Как раз такой заказ нам поступил от компании «Окна Тепло», с которой мы уже работали ранее по задачам, связанным с переносом сайта и его развитием. Создание продающих сайтов на WordPress и не только — одна из основных специализаций нашей компании, поэтому решение таких задач никогда не было для нас проблемой.

Задачи

Специалисты команды Webnauts провели анализ внутренних факторов сайта, по результатам которого были поставлены следующие задачи доработки сайта на WordPress:

повышение быстродействия сайта (в т. ч. подключение кэширования и сжатия);
настройка .htaccess для устранения дублей страниц, а также обработки ошибочных адресов с несколькими слэшами;
устранение ошибок в «хлебных крошках» и добавление микроразметки согласно стандартам www.schema.org;
оптимизация контента и разметки.

Впечатляющая оптимизация

Быстродействие – одна из важнейших характеристик в мировой сети. Изначально сайт «Окна Тепло» выглядел для человеческого глаза довольно шустрым. Но не для техники и поисковиков.

В результате проделанной работы специалистами Webnauts достигнуто существенно возросшее быстродействие сайта на WordPress.

подключено gzip-сжатие и кэширование на стороне сервера и браузера клиента;
с помощью готового решения – плагина WordPress – оптимизирована загрузка CSS и JS.

Для оценки быстродействия сайта мы использовали сервис PageSpeed Insights от Google. Результат налицо: показатель тестирования для настольных компьютеров возрос с 33 до 89 баллов – впечатляет!

Внедрение корректной микроразметки в WordPress

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

Изначально сайт заказчика генерировал ошибочные «хлебные крошки» и некорректное структурирование микродаты.

Для решения столь щепетильного и требовательного к нюансам вопроса мы использовали сервис Structured Data Testing Tool от Google, стандарты микроразметки от www.schema.org, применимые на сайте заказчика, и собственный богатый опыт. Нами полностью были переосмыслены и исправлены согласно современным требованиям уже внедрённые ранее на сайте стандарты Organization, Service и Article. С нуля создана и внедрена микроразметка навигации — сквозных меню.

Результат столь тонкой работы — прохождение теста в Structured Data Testing Tool на отлично и без ошибок.

Немного о 301 редиректах

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

Мы провели работу с корневым файлом .htaccess и получили следующие результаты:

успешно настроен 301-редирект для главной страницы с адреса с www.* на адрес без www.*,
устранены дубли страниц с оконечными слэшами посредство обработчик ошибочных адресов.

Доработка WordPress: решения и результаты

В результате проделанной работы на сайте клиента достигнуты следующие задачи:

существенное повышение быстродействия сайта;
устранены ошибки в «хлебных крошках»;
добавлена микроразметка данных на сайт, соответствующая стандартам www.schema.org;
настроен корневой .htaccess;
оптимизирована работа тега canonical: достигнута его корректная работа на всех страницах сайта;
оптимизирован контент: исправлена мета информация медиафайлов (восстановлены атрибуты alt и title), проведена замена «жирных» тегов на блочные, исправлена генерация заголовков страниц и элементов на страницах.