Скидка 26%
при заказе аудита «3 в 1»
- Техническая оптимизация
- Скорость загрузки
- Семантическая вёрстка
Поисковые системы «видят» сайт не так как мы. Для нас контент веб-страницы состоит из всевозможной текстовой информации, картинок, аудиодорожек, видеороликов. Для поискового бота любая страница – полотно кода с разметкой.
Метод верстки web-сайтов, при котором все блоки внутри кода страницы размечены специальными тегами называют семантической версткой.
Другими словами это создание веб-страницы на языке HTML5 путем использования html5-тегов соответственно их значению. Семантическая разметка позволяет создать структуру страницы сайта с определенной логикой и последовательностью.
Качественная семантическая верстка шаблонной страницы сайта так же важна как правильно заложенный фундамент здания. Теги разметки являются индикаторами для поисковых ботов в плане понимания назначения и степени важности того или иного элемента. Выход 5 версии языка HTML ознаменовал появление множества новых тегов. Это существенно расширило возможности веб-разработок, ведь теперь можно и нужно размечать каждый элемент контента страницы. Благодаря разметке кода специальными тегами поисковики лучше понимают содержимое сайта и как его составляющие связаны между собой:
Таким образом, семантическая верстка помогает машинным веб-агентам корректно анализировать страницу, повышать её ранжируемость, подготавливать расширенное описание сайта для его отображения в поисковой выдаче и т.д. Причем визуально веб-страница с семантической версткой не имеет видимых отличий от сайта, где этой верстки нет и в помине.
Семантическая вёрстка в последнее время стала оказывать сильное влияние на продвижение сайтов в поиске Google. Об этом свидетельствуют заявления представителей поисковой системы и тестовые подтверждения SEO-экспертов. Подробности смотрите в видео на YouTube.
По словам веб-специалистов, на практике трудно встретить правильно размеченную семантически страницу html5. Нечитаемый код, неправильно использованные теги, некорректно расположенная в боковой или рекламной колонке важная для страницы информация – одна-две технических ошибки способны запутать поисковик и в миг обрушить ранжируемость вашего сайта.
А насколько сильна ваша уверенность в правильности семантики своей страницы? Вряд ли вы, как владелец сайта, захотите «нырять в дебри» языка html5 и проверять за разработчиками макета вашего сайта все тонкости. Для этого существует аудит семантической верстки html5, который лучше доверить специалисту. Анализ семантической разметки даст вам возможность быть уверенным в отсутствии критических ошибок и вовремя их исправить в случае обнаружения.
Проверить семантическую верстку страницы необходимо в случае, если вы желаете улучшить свой сайт. Не лишним будет заказать анализ семантической верстки макета и верстальщикам, прежде чем посылать её на одобрение заказчику.
Как часто стоит делать проверку семантики?
Со сроками и стоимостью моих работ по аудиту семантической верстки html5 вы можете ознакомиться в соответствующем блоке. Если вас устаивают условия, делайте заявку со ссылкой на проверяемый сайт и соответствующую оплату. По получению вашей информации и оплаты, я присылаю в ответ сообщение о начале работ над проверкой вашего сайта.
Первым делом я выявляю три основных шаблонных страницы сайта и сквозные элементы или блоки, характерные для всех шаблонов. Сайт сайту – рознь, и шаблонных страниц может быть и больше, чем три. Однако в любом случае я начинаю аудит с трех главных.
Делая небольшое отступление, для лучшего понимания давайте разберемся, что представляют собой шаблонные страницы. Это страницы, созданные по определённому шаблону (макету). Как пример возьмем сайт интернет-магазина женской одежды, где наверняка есть каталоги товаров. Представьте, что на картинке ниже отображаются товары из категории весенней одежды – по 4 товара в ряд.
Если мы перейдём в категорию зимней одежды, нам отобразится точно такой же шаблон страницы. Товары будут другие, но внешний макет страницы будет такой же, как и отображённый на картинке (4 товара в ряд). Это считается шаблонной страницей. Клик по товару откроет нам уже совсем другой шаблон страницы и её макет изменится. Там уже не будет отображаться 4 карточки в ряд. Шаблон будет состоять из картинки товара, его характеристик и т.д.
Но какое бы изделие мы не открыли, у всех товаров будет одинаковый шаблон (слева картинка, справа цена, цвет, размеры, описание и т.д.) Это тоже считается шаблонной страницей. Если в семантической разметке макета где-то будет допущена ошибка, она затронет все категории или товары. А если в код шаблона товара, к примеру, внедрить кнопку, ею «обзаведутся» все товарные ячейки. Целесообразность аудита семантической разметки сайта становится очевидной. Исправление проблем одного шаблона влечёт за собой корректную генерацию всех товаров/категорий в правильной верстке.
Некоторые блоки кода веб-страницы могут быть характерны только для мобильной версии веб-сайта, другие – только для десктопной. Поэтому проверке подлежат обе версии сайта. Пересмотр программного кода страниц я выполняю вручную. В рамках аудита отмечаю:
По итогу я формирую наглядный отчет аудита, где содержится подробное описание найденных ошибок и стоимость их исправления.
Я формирую результаты аудита семантической верстки html5 в отчет в приложении Trello. Его очень легко и удобно использовать даже новичкам. Документ состоит из карточек с отдельным аудитом по шаблонным страницам сайта (главная, категория, товар/услуга/статья). Отдельно вынесены итоги аудита сквозных элементов страницы, а также разметки Schema.org.
Каждая карточка содержит описание проверяемого шаблона или элемента с заготовкой перечня пунктов для проверки. Карточки предусматривают возможность обратной связи со мной в случае необходимости обсуждения оптимизации того или иного пункта.
После проверки формируется перечень проблем для исправления – для каждого сайта он будет индивидуальным. По итогу аудита я просчитываю примерную стоимость исправления обнаруженных проблем. Цену и сроки выполнения работ указываю в отчёте.
Отчёт позволит понять весь фронт работ и запланировать средства. Очень часто это является основной причиной заказа. Цены указываю по каждой ошибке. У некоторых её точно рассчитать невозможно, так как влияют дополнительные параметры. В таких случаях я ставлю стоимость «от» и «до». Моя цена может отличаться от других специалистов, но этих данных вам вполне хватит, чтобы рассчитать бюджет на все работы или только на важные исправления.
В отчете все ошибки описаны подробно, даны понятные рекомендации по их исправлению. Получив результаты аудита семантической верстки html5, вы можете:
«Если ты не идёшь вперёд, ты идёшь назад» – цитата классика как нельзя лучше отражает сегодняшний мир веб-разработок. Меняется всё: алгоритмы, инструменты, теги и варианты их использования. Бездействие в такой динамично меняющейся среде не приведет ни к чему хорошему. Ошибки так и останутся, да и сайт сам собой не поднимется в более высокие поисковые позиции. Аудит семантической верстки html5 необходим для продвижения сайта в ТОПовые позиции поисковой выдачи, что увеличит трафик пользователей на ваш ресурс.
Воспользовавшись формой ниже, вы сможете легко осуществить заказ аудита семантической разметки сайта. Для работы мне необходима только ссылка на сайт, который необходимо проверить. Укажите её, заполняя поля формы заказа. После оплаты ожидайте сообщение о начале аудита, а в указанные сроки вы получите отчет с результатами аудита семантической верстки html5.