Sitemap – важный элемент SEO, который помогает поисковым системам быстрее и эффективнее индексировать страницы вашего сайта. В WordPress существует множество плагинов для создания sitemap, но часто они не учитывают современные требования и не поддерживают полифиллы, что может привести к проблемам индексации на старых браузерах и нестандартных устройствах. В этой статье мы разберем, как создать собственный автоматический sitemap с поддержкой полифиллов, используя код и лучшие практики.
Зачем нужен автоматический sitemap с поддержкой полифиллов
Автоматический sitemap – это карта сайта, которая генерируется динамически и обновляется без вашего участия при добавлении или изменении страниц. Поддержка полифиллов означает, что sitemap будет корректно обрабатываться и отображаться даже в браузерах, которые не поддерживают современные стандарты XML и JavaScript. Это особенно важно для сайтов с широкой аудиторией и для улучшения SEO.
Кроме того, правильный sitemap помогает поисковым ботам быстрее находить новые и обновленные страницы, что улучшает позиции сайта в выдаче.
Основные требования к sitemap в 2024 году
- Соблюдение XML-стандарта sitemap протокола;
- Поддержка кодировки UTF-8;
- Динамическое обновление при добавлении новых постов, страниц, пользовательских типов записей;
- Оптимизация для быстрого отклика сервера;
- Поддержка полифиллов для старых браузеров и нестандартных систем.
Создание собственного sitemap в WordPress – пошаговое руководство
Для реализации автоматического sitemap без сторонних плагинов можно добавить кастомный код в файл functions.php вашей темы или создать отдельный плагин. Пример ниже демонстрирует создание sitemap с динамической генерацией URL и поддержкой базового полифилла.
Шаг 1. Регистрация rewrite правила и создание endpoint для sitemap
Добавим в WordPress новый endpoint, по которому будет доступен sitemap:
function wpkeys_register_sitemap_endpoint() {
add_rewrite_rule('^sitemap.xml$', 'index.php?sitemap=1', 'top');
}
add_action('init', 'wpkeys_register_sitemap_endpoint');
function wpkeys_add_query_vars($vars) {
$vars[] = 'sitemap';
return $vars;
}
add_filter('query_vars', 'wpkeys_add_query_vars');Теперь нам нужно обработать запрос по этому endpoint.
Шаг 2. Обработка запроса и генерация XML sitemap
В хуке template_redirect выведем XML-содержимое карты сайта, если параметр sitemap=1 установлен:
function wpkeys_serve_sitemap() {
if (get_query_var('sitemap') != 1) {
return;
}
header('Content-Type: application/xml; charset=utf-8');
echo '<?xml version="1.0" encoding="UTF-8"?>';
echo "\n<urlset xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\">\n";
// Получаем все опубликованные записи
$args = array(
'post_type' => array('post', 'page'),
'post_status' => 'publish',
'posts_per_page' => -1,
);
$query = new WP_Query($args);
while ($query->have_posts()) {
$query->the_post();
$url = get_permalink();
$lastmod = get_the_modified_date('c');
echo "<url>\n";
echo " <loc>" . esc_url($url) . "</loc>\n";
echo " <lastmod>" . esc_html($lastmod) . "</lastmod>\n";
echo " <changefreq>weekly</changefreq>\n";
echo " <priority>0.8</priority>\n";
echo "</url>\n";
}
wp_reset_postdata();
echo "</urlset>";
exit;
}
add_action('template_redirect', 'wpkeys_serve_sitemap');Шаг 3. Добавление поддержки полифиллов
Чтобы улучшить совместимость sitemap, можно добавить HTTP-заголовки и минимальные полифиллы для старых браузеров, обрабатывающих XML. Например, добавить заголовки CORS для доступа с других доменов:
function wpkeys_add_cors_header() {
if (get_query_var('sitemap') == 1) {
header('Access-Control-Allow-Origin: *');
}
}
add_action('send_headers', 'wpkeys_add_cors_header');Также стоит проверить, что sitemap валиден по стандарту и не содержит ошибок. Для более продвинутых полифиллов можно интегрировать JavaScript-решения, но поскольку sitemap обычно читается ботами, это редко требуется.
Пример использования плагина Clearfy Pro для автоматизации sitemap
Если вы предпочитаете готовое решение, обратите внимание на плагин Clearfy Pro, который умеет создавать оптимизированный sitemap с настройками исключения страниц, поддержки пользовательских типов записей и интеграции с SEO-плагинами.
Преимущества Clearfy Pro:
- Автоматическая генерация sitemap без необходимости писать код;
- Поддержка множества форматов и кастомизация;
- Оптимизация производительности сайта;
- Регулярное обновление и поддержка от разработчиков.
Как протестировать и проверить sitemap
После создания sitemap важно проверить его валидность и корректность. Для этого используйте следующие инструменты:
- Google Search Console – добавьте URL sitemap и посмотрите отчеты об индексировании;
- XML Sitemap Validator – онлайн-сервисы для проверки синтаксиса и структуры;
- curl или Postman – для проверки HTTP-заголовков и ответа сервера.
Обязательно убедитесь, что sitemap доступен по адресу https://ваш_сайт/sitemap.xml и возвращает корректный XML с актуальными URL.
Тестирование заголовков CORS
Для проверки CORS-заголовков можно выполнить команду:
curl -I https://ваш_сайт/sitemap.xmlВ выводе должна присутствовать строка Access-Control-Allow-Origin: *, если вы добавляли данный заголовок.
Выводы и рекомендации
Создание собственного автоматического sitemap с поддержкой полифиллов в WordPress позволяет повысить совместимость сайта с различными устройствами и улучшить SEO. Использование кода дает полную свободу настройки, а готовые решения, такие как Clearfy Pro, упрощают задачу и добавляют дополнительные функции.
Обязательно регистрируйте новый endpoint и обновляйте правила перезаписи командой flush_rewrite_rules() после добавления кода (например, временно вызвав эту функцию в functions.php), чтобы sitemap стал доступен.