Статистика
12+
лет
опыта
Мой ручной аудит дешевле
и подробнее, чем в SEO-студиях
600+
положительных
отзывов
Каждый человек старается руководствоваться в жизни принципами логики. И если перед нами будет дерево, мы не скажем, что это – куст. А кирпичную стену уж наверняка не назовем деревянной. Видеть что-то и называть своими именами в науке называют семантикой. Такое понятие существует не только в лингвистике, web-разработчикам также хорошо известен термин семантической верстки веб-страницы. Прежде всего, давайте разберемся, что она собой представляет.

Что такое семантическая верстка сайта

Поисковые системы «видят» сайт не так как мы. Для нас контент веб-страницы состоит из всевозможной текстовой информации, картинок, аудиодорожек, видеороликов. Для поискового бота любая страница – полотно кода с разметкой.

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

Другими словами это создание веб-страницы на языке HTML5 путем использования html5-тегов соответственно их значению. Семантическая разметка позволяет создать структуру страницы сайта с определенной логикой и последовательностью.

Схема структуры страницы

Семантическая верстка и её взаимосвязь с работой поисковиков

Качественная семантическая верстка шаблонной страницы сайта так же важна как правильно заложенный фундамент здания. Теги разметки являются индикаторами для поисковых ботов в плане понимания назначения и степени важности того или иного элемента. Выход 5 версии языка HTML ознаменовал появление множества новых тегов. Это существенно расширило возможности веб-разработок, ведь теперь можно и нужно размечать каждый элемент контента страницы. Благодаря разметке кода специальными тегами поисковики лучше понимают содержимое сайта и как его составляющие связаны между собой:

  • различают важные, второстепенные и не стоящие внимания текстовые блоки;
  • находят важные слова и словосочетания, передающие суть страницы;
  • распознают слова/фразы в прямом и переносном значении;
  • определяют рекламные блоки;
  • понимают принадлежность изображения (для дизайна страницы или как фото товара каталога) и т.д.

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

Семантическая вёрстка в последнее время стала оказывать сильное влияние на продвижение сайтов в поиске Google. Об этом свидетельствуют заявления представителей поисковой системы и тестовые подтверждения SEO-экспертов. Подробности смотрите в видео на YouTube.

Зачем нужен аудит семантической верстки

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

А насколько сильна ваша уверенность в правильности семантики своей страницы? Вряд ли вы, как владелец сайта, захотите «нырять в дебри» языка html5 и проверять за разработчиками макета вашего сайта все тонкости. Для этого существует аудит семантической верстки html5, который лучше доверить специалисту. Анализ семантической разметки даст вам возможность быть уверенным в отсутствии критических ошибок и вовремя их исправить в случае обнаружения.

Частота аудита семантической верстки сайта

Проверить семантическую верстку страницы необходимо в случае, если вы желаете улучшить свой сайт. Не лишним будет заказать анализ семантической верстки макета и верстальщикам, прежде чем посылать её на одобрение заказчику.

Как часто стоит делать проверку семантики?

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

Как выполняется аудит

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

Первым делом я выявляю три основных шаблонных страницы сайта и сквозные элементы или блоки, характерные для всех шаблонов. Сайт сайту – рознь, и шаблонных страниц может быть и больше, чем три. Однако в любом случае я начинаю аудит с трех главных.

Веб-специалист выполняющий аудит

Что такое шаблонная страница

Делая небольшое отступление, для лучшего понимания давайте разберемся, что представляют собой шаблонные страницы. Это страницы, созданные по определённому шаблону (макету). Как пример возьмем сайт интернет-магазина женской одежды, где наверняка есть каталоги товаров. Представьте, что на картинке ниже отображаются товары из категории весенней одежды – по 4 товара в ряд.

Шаблонная страница

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

Шаблонная страница зимней одежды

Но какое бы изделие мы не открыли, у всех товаров будет одинаковый шаблон (слева картинка, справа цена, цвет, размеры, описание и т.д.) Это тоже считается шаблонной страницей. Если в семантической разметке макета где-то будет допущена ошибка, она затронет все категории или товары. А если в код шаблона товара, к примеру, внедрить кнопку, ею «обзаведутся» все товарные ячейки. Целесообразность аудита семантической разметки сайта становится очевидной. Исправление проблем одного шаблона влечёт за собой корректную генерацию всех товаров/категорий в правильной верстке.

Составляющие анализа семантической разметки

Некоторые блоки кода веб-страницы могут быть характерны только для мобильной версии веб-сайта, другие – только для десктопной. Поэтому проверке подлежат обе версии сайта. Пересмотр программного кода страниц я выполняю вручную. В рамках аудита отмечаю:

  • неправильное использование тегов разметки (<header>, <article>, <section>, <footer>, <nav>, <aside>);
  • взаимосвязь и взаимодействие отдельных частей html-кода страницы между собой;
  • информационную иерархию сайта: какой текст воспринимается поисковой системой основным, а какой – второстепенным;
  • корректную разметку блоков, их расположение друг относительно друга и восприятие поисковиками;
  • отличает ли поисковик рекламу от основного контента страницы;
  • правильно ли распознаются навигационные элементы и т.д.

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

Пример отчёта аудита

Главная страница Trello

Я формирую результаты аудита семантической верстки html5 в отчет в приложении Trello. Его очень легко и удобно использовать даже новичкам. Документ состоит из карточек с отдельным аудитом по шаблонным страницам сайта (главная, категория, товар/услуга/статья). Отдельно вынесены итоги аудита сквозных элементов страницы, а также разметки Schema.org.

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

Лист задании в Trello
Лист считывание цену в Trello

После проверки формируется перечень проблем для исправления – для каждого сайта он будет индивидуальным. По итогу аудита я просчитываю примерную стоимость исправления обнаруженных проблем. Цену и сроки выполнения работ указываю в отчёте.

Часто задаваемые вопросы

Отчёт позволит понять весь фронт работ и запланировать средства. Очень часто это является основной причиной заказа. Цены указываю по каждой ошибке. У некоторых её точно рассчитать невозможно, так как влияют дополнительные параметры. В таких случаях я ставлю стоимость «от» и «до». Моя цена может отличаться от других специалистов, но этих данных вам вполне хватит, чтобы рассчитать бюджет на все работы или только на важные исправления.

Иконка показывающий вопрос-ответ

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

  • исправить всё самостоятельно;
  • спрашивать любые уточнения прямо в карточках Trello-отчета;
  • отправить данные своим разработчикам или дать им доступ к этому аудиту;
  • заказать работу у меня по указанным в аудите ценам.

«Если ты не идёшь вперёд, ты идёшь назад» – цитата классика как нельзя лучше отражает сегодняшний мир веб-разработок. Меняется всё: алгоритмы, инструменты, теги и варианты их использования. Бездействие в такой динамично меняющейся среде не приведет ни к чему хорошему. Ошибки так и останутся, да и сайт сам собой не поднимется в более высокие поисковые позиции. Аудит семантической верстки html5 необходим для продвижения сайта в ТОПовые позиции поисковой выдачи, что увеличит трафик пользователей на ваш ресурс.

Иконка показывающий заказ

Воспользовавшись формой ниже, вы сможете легко осуществить заказ аудита семантической разметки сайта. Для работы мне необходима только ссылка на сайт, который необходимо проверить. Укажите её, заполняя поля формы заказа. После оплаты ожидайте сообщение о начале аудита, а в указанные сроки вы получите отчет с результатами аудита семантической верстки html5.

Форма заказа

Для аудита хватает только домена.
Цена: 30000 руб.
Срок: до 4 дней (обычно 48 часов)
Скопируйте сообщение
и отправьте любым удобным для вас способом.
Копировать
* Среднее время ответа: 30 минут