Карта сайта тз вебдизайнеру

Содержание: карта сайта статья 7-я из 10-ти

1. Создание sitemap xml
   • ТЗ на создание Сайтмеп
   • Файл индекса Sitemap
   • Внутренние сайтмап
2. Карта сайта пример
3. Создание HTML Sitemap
   • Структура и дизайн HTML версии сайта
   • Проверка карты сайта
4. Авто generator sitemap
   • Как сделать Sitemap wordpress?

Создание sitemap xml

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

ТЗ на создание Сайтмеп

Описание проекта: Сайт-магазин имеет большой объем контента, включая страницы категорий, товаров, акций, статей, а также информационные страницы о доставке, кредите, гарантии и другие. Сайт многоязычный, поэтому нужно реализовать по всем языкам включая авто генерацию при добавлении новой языковой версии.

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

• en
• de
• ua
• xxxx

Sitemap должен быть размещен по адресу /sitemap_index.xml на сервере сайта. В robot.txt необходимо внести запись.

User-Agent: *
Sitemap: httрs://mysite.com/sitemap_index.xml

Файл индекса Sitemap

Сама карта сайта может иметь как простую структуру так и содержать дополнительный файл индекса. В дальнейшем мы рассмотрим структуру sitemap с использованием файла индекса Sitemap разбитого на языковые версии как пример https://marketing.i3.com.ua/sitemap_index.xml . Это нам необходимо для того чтобы отследить поисковую эффективность каждого файла Sitemap в Search Console (справка google).

Время как пример: <lastmod>2023-02-13T10:41:28+00:00</lastmod>

<?xml version=»1.0″ encoding=»UTF-8″?>

<sitemapindex xmlns=»http://www.sitemaps.org/schemas/sitemap/0.9 » >

<sitemap>

<loc>https://your-site.com/sitemap-en.xml</loc>

<lastmod>2023-02-13T10:41:28+00:00</lastmod>

</sitemap>

<sitemap>

<loc>https://your-site.com/sitemap-ua.xml</loc>

<lastmod>2023-02-13T10:41:28+00:00</lastmod>

</sitemap>

<sitemap>

<loc>https://your-site.com/sitemap-XXXX.xml</loc>

<lastmod>2023-02-13T10:41:28+00:00</lastmod>

</sitemap>

</sitemapindex>

Внутренние сайтмап

Карта сайта Требование

XML-файл Sitemap, соответствует стандартам протокола http://www.sitemaps.org/schemas/sitemap/0.9

Не более не более 50 000 URL, размер в несжатом виде не должен превышать 50 МБ. В случае превышения лимита, разбейте его еще на несколько частей. Файлы должны иметь кодировку UTF-8

Использовать<lastmod> если оно является гарантированно точным (например, если его точность проверяется путем сравнения с последней измененной версией страницы).

Каждая страница должна содержать следующие информационные элементы:

<loc>: URL страницы начиная с htttS
<lastmod>: Дата последнего изменения страницы (в формате YYYY-MM-DD) Пожалуйста, обеспечьте корректную генерацию даты последнего изменения

Страницы попадающие в sitemap должны иметь rel=»canonical»

Карта сайта может не содержать тегов <priority> и <changefreq> значения этого тега игнорируется гугл согласно статьи требования к сайтмепу

Содержание sitemap

Главные страницы по языкам:

• https://your-site.com/en/
• https://your-site.com/ua/
• https://your-site.com/xxxx/

Страницы категорий

• shopping
• chairs
• tables
• sofas

Технические страницы

• about-us
• articles
• contact-us
• promo
• services
• vacancy

Статьи

• articles1
• articles2
• articles/xxxx

Акции

• promo1
• promo2
• promoxxx

Товары

• shopping1
• shopping2
• shoppingxxx

Карта сайта должна быть добавлена в файл robots.txt. Сейчас там не рабочий

Карта сайта пример

Пример для https://your-site.com/sitemap-ua.xml
<?xml version=»1.0″ encoding=»UTF-8″?>

<urlset xmlns=»http://www.sitemaps.org/schemas/sitemap/0.9″>
<!— Главная страница —>

<url>
<loc>https://your-site.com/ua/</loc>
<lastmod>2023-02-13T10:41:28+00:00</lastmod>
</url>

<!— Страницы категорий —>

<url>
<loc>https://your-site.com/ua/shopping/</loc>
<lastmod>2023-02-13T10:41:28+00:00</lastmod>
</url>

<!— Технические страницы —>

<url>
<loc>https://your-site.com/ua/guarantee/</loc>
<lastmod>2023-02-13T10:41:28+00:00</lastmod>
</url>

<!— Страницы статей —>

<url>
<loc>https://your-site.com/ua/articles1</loc>
<lastmod>2023-02-13T10:41:28+00:00</lastmod>
<image:image>
<image:loc>https://your-site.com/upload/1.jpg</image:loc>
</image:image>
</url>

<url>
<loc>https://your-site.com/ua/articlesххх/</loc>
<lastmod>2023-02-13T10:41:28+00:00</lastmod>
<image:image>
<image:loc>https://your-site.com/upload/xxx.jpg</image:loc>
</image:image>
</url>
<url>

<!— Акции —>

<url>
<loc>https://your-site.com/ua/ua/promo1/</loc>
<lastmod>2023-02-13T10:41:28+00:00</lastmod>
<image:image>
<image:loc>https://your-site.com/upload/1.jpg</image:loc>
</image:image>
</url>

<url>
<loc>https://your-site.com/ua/ua/promoxxx/</loc>
<lastmod>2023-02-13T10:41:28+00:00</lastmod>
<image:image>
<image:loc>https://your-site.com/upload/xxx.jpg</image:loc>
</image:image>
</url>

<!— Страницы товаров —>

<!— Товар 1 —>

<url>
<loc>https://your-site.com/ua/shopping1/</loc>
<lastmod>2023-08-01T10:00:00+00:00</lastmod>
<image:image>
<image:loc>https://your-site.com/upload/1.jpg</image:loc>
<image:caption>Товар1</image:caption>
</image:image>
</url>

<!— Товар 2 —>

<url>
<loc>https://your-site.com/ua/ua/shopping2/</loc>
<lastmod>2023-08-15T12:00:00+00:00</lastmod>
<image:image>
<image:loc>https://your-site.com/upload/2.jpg</image:loc>
<image:caption>Товар2</image:caption>
</image:image>
</url>

</urlset>

Создание HTML Sitemap

HTML Sitemap – это визуально адаптированная версия карты сайта на которой пользователь может увидеть все страницы согласно структуры сайта. В нашем случае необходимо учесть следующую структуру с версткой страница.

Структура и дизайн HTML версии сайта

Дизайн необходимо выполнить в шаблоне страницы категории. Страница должна:

• во-первых быть адаптирована к мобильной версии,
• во-вторых иметь мета теги title и description, заголовок H1.
• в третьих иметь url /sitemap/

Ссылку на HTML версию карты сайты обязательно вынести в футер соответствующих языковых версий. Визуально дизайн страницы можно взять с OLX https://www.olx.ua/sitemap/

Сама структура идентично xml sitemap, в анкорах заголовки с соответствующих страниц
Главная

Категории:
Текст 1 (текст брать из H1 соответствующий ссылке)
Текст XXX

Статьи:
Название 1 (текст названия брать из H1 соответствующий ссылке)
Название XXX

Акции:
Акция 1 (текст акции брать из H1 соответствующий страницы)
Акция XXX

Товары:
Название 1 (текст названия товара брать из H1 товара)
Название XXX

Разное:
Технические страницы

Пример написания:
<a class=»link» href=»https://your-site.com/ua/ua/shopping/» title=»Каталог продукції KULIK SYSTEM»>

<span>Каталог продукції KULIK SYSTEM</span>

Проверка карты сайта

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

• Проверить на валидность с помощью Google Search Console
• Сверить количество страниц в Ahrefs с Google Search Console
• Проверить на количество страниц введя в поисковый запрос site: your-site.com
• В инструменте Ahrefs не должно быть ошибок связанных ссылка 404 в карте сайта
• Наличие дубликатов
• Убедиться в корректности написания <lastmod>. Google Search Console может ругнуться на отсутствие.

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

Авто generator sitemap

Карта сайта важный момент в сео продвижении, поэтому ее наличие очень важно на вашем сайте.  Как можно понять из аннотации generator sitemap очень облегчает задачу. Но как и многие инструменты в сео продвижении он имеет свою цену. К примеру некоторые сервисы предлагают сгенерировать вам до 500 страниц бесплатно, но вот потом нужно подписаться на платный пакет. Конечно многие cms имеют массу встроенных плагинов или модулей для автоматического создания сайтмепа, но что делать самописным сайтам?

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

Как сделать Sitemap wordpress?

Будем лаконичны: ставьте yast seo плагин, настройте как написано в инструкции и карта сайта со всеми категориями и товарами готова.