Я приберегал этот фрагмент как временную заглушку, наполняя его идеями, которые смогу развить дальше, когда у меня появится возможность превратить это в полноценную рассылку.

Позже мой надежный друг Джоно Алдерсон поделился своей выдающейся статьей о семантическом HTML, которая на мгновение лишила меня мотивации закончить написание моей.

Однако, даже несмотря на то, что я понимал, что наши интересы могут расходиться — мои были несколько более прагматичными, чем у Джоно, — я решил все же завершить свою работу.

Вам определённо стоит почитать блог Джоно; там сказано всё, что я хотел сказать, и даже больше.

Семантический HTML

Начнем с краткого обзора того, что такое семантический HTML.

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

Тег

вокруг блока контента указывает на то, что это абзац текста.

Тег

вокруг предложения показывает, что это главный заголовок страницы.

Тег

указывает на начало упорядоченного (обычно нумерованного) списка.

Тег указывает, что вы будете загружать изображение на веб-страницу. И так далее.

Для кодирования каждой веб-страницы использовался семантический HTML.

Контент был помечен отдельными тегами для определения его назначения, а затем CSS использовался для улучшения его внешнего вида. Хотя он и не был безупречным, он функционировал эффективно.

По мере появления WYSIWYG-редакторов и JavaScript-фреймворков роль HTML стала уменьшаться. Вместо использования базовых тегов, таких как `

` и `

`, значительно увеличилось использование тегов `

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

Google предпринимает шаг по рендерингу веб-страниц в процессе индексации, хотя это и не является абсолютно необходимым.

Издатели новостей обнаруживают, что необработанный HTML-формат их статей имеет значительную важность, поскольку у Google часто нет времени на предварительную обработку статьи перед ранжированием в разделах, таких как Главные новости.

Использование чёткого и понятного языка, хорошо структурированный HTML гарантирует, что Google сможет легко найти и классифицировать контент вашей статьи, что потенциально улучшит её видимость и положение в результатах поиска Google.

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

`, гарантируя, что это единственное использование « на конкретной странице статьи.

На веб-странице основной заголовок (H1) служит её названием, обозначая начало статьи. Это помогает поисковым системам, таким как Google, быстро находить и понимать содержание страницы.

Какие HTML-теги являются семантическими?

Помимо основного заголовка, заключенного в тег

, в вашем распоряжении имеется множество дополнительных семантических HTML-элементов. Они позволяют Google легко извлекать и каталогизировать содержимое вашей статьи.

В произвольном порядке, элементы, которые вам следует использовать:

• Параграфы: Не используйте теги
  и для форматирования статьи на параграфы. Для этого существует тег с тех пор, как существует HTML, и это тег

  . Используйте его.

• Подзаголовки: Используйте теги подзаголовков
  

  /

  /

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

• Изображения: Всегда используйте тег , если вы хотите, чтобы Google увидел изображение. Google явно рекомендует это.
• Кликабельные ссылки: При ссылке на другую страницу, внутреннюю или внешнюю, используйте тег со значением «href», содержащим целевой URL. Это единственный тип ссылок, который Google точно проиндексирует.
• Относительные ссылки: тег позволяет создать связь между текущим URL-адресом и другим URL-адресом. Это может быть каноническая страница, таблица стилей, версия страницы на другом языке и т. д.
• Списки: Для маркированных списков следует использовать тег
  , а для нумерованных — тег
  . Вы можете стилизовать их как угодно с помощью CSS, но в качестве основы используйте теги списка.
• Выделение: Когда вам нужно выделить определенное слово или фразу, используйте семантические HTML-теги для этого: для курсива, и для жирного шрифта.

Как эксперт по SEO, я хотел бы подчеркнуть, что большинство упомянутых тегов, за исключением тега «», служат цели внутри контента веб-страницы. Они обеспечивают структуру и семантическую ценность текста, обеспечивая более эффективное и организованное отображение для поисковых систем.

Помимо стандартных HTML-тегов, существуют более семантические, предназначенные для придания структуры и значимости коду веб-страницы.

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

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

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

Обеспечение быстрой обработки и организации вашего контента Google предполагает оптимизацию ваших страниц. Эта оптимизация позволяет Google быстро индексировать ваш контент и правильно сортировать его различные компоненты.

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

Вместо того чтобы перегружать свой код множеством тегов `

Как это помогает ИИ?

Понимается, что такие модели, как ChatGPT и Perplexity, собирают информацию из открытого интернета для своих обучающих данных, а также осуществляют поиск в интернете, когда запрос пользователя требует веб-контента.

Некоторые из вас, возможно, не знают, что LLM не отображают JavaScript при обработке веб-страниц.

Поскольку Gemini от Google — единственная языковая модель (LLM), построенная с использованием индекса Google, она уникальным образом получает доступ к данным из полностью загруженного контента веб-страниц.

Используя семантический HTML в структуре вашего кода, вы облегчаете моделям обучения языку (LLM) определение основного содержания в вашем коде.

ChatGPT легче определить основное содержание веб-страницы, когда имеет дело с ограниченным количеством семантических HTML-тегов, таких как заголовки и абзацы, чем ориентироваться в сотнях или даже тысячах вложенных тегов

Как специалист по цифровому маркетингу, я всегда ищу стратегии, которые могут выделить нас среди конкурентов. Если же «агентская сеть» действительно появится (хотя я должен признать, что у меня есть сомнения), я считаю, что освоение семантического HTML будет ключом к достижению успеха. Семантический HTML относится к использованию определенных тегов для четкого определения значения и структуры контента на веб-странице. Делая это, поисковые системы смогут лучше понимать наш контент, что приведет к улучшению позиций в рейтинге и повышению видимости. Поэтому, даже если агентская сеть останется лишь концепцией на данный момент, я уверен, что семантический HTML продолжит играть важную роль в наших усилиях по цифровому маркетингу.

Использование ненужных HTML-тегов

Использование семантического HTML для таких элементов, как кнопки, ссылки и формы, может значительно снизить вероятность того, что ИИ столкнется с трудностями при выполнении поставленных задач, поскольку это делает веб-контент более понятным для этих агентов.

Смысл, заключённый в правильных HTML-тегах, подскажет ИИ-агенту, куда идти и что делать.

Что насчет структурированных данных?

Вы можете подумать, что структурированные данные сделали семантический HTML устаревшим.

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

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

Структурированные данные имеют ограничения, которых нет у семантического HTML.

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

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

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

Создавайте веб-сайты, а не веб-приложения

Вместо того чтобы вдаваться в пространные рассуждения (примерно на 2500 слов) о том, почему выгодно создавать веб-сайты, а не веб-приложения, и опровергать тенденцию превращения веб в приложения, что противоречит основным принципам основания Всемирной паутины, я избавлю вас от этой конкретной тирады.

Стоит отметить, что большинство веб-сайтов, доставляющих контент, таких как новостные сайты, часто предоставляют менее оптимальный пользовательский опыт по сравнению с традиционными веб-сайтами.

Веб-сайты в идеале следует создавать с использованием HTML, использование всего его потенциала помогает обойти около 90% распространенных технических проблем SEO, с которыми часто сталкиваются веб-приложения.

На этом мы завершаем сегодняшний выпуск! Спасибо за уделенное время и за вашу подписку. С нетерпением ждем новой встречи в следующем выпуске!

Смотрите также

• Налоговое Обложение Криптовалюты в Кении: Рецепт Цифрового Катастрофы или Всего Лишь Налогообложения?

• Результаты поиска Google более персонализированы?

• Анализ динамики цен на криптовалюту BTC: прогнозы биткоина

• Акции PHOR. ФосАгро: прогноз акций.

• Золото прогноз

• Акции UWGN. ОВК: прогноз акций.

• Почему ваш SEO не работает, и это не вина команды

• Анализ динамики цен на криптовалюту ETH: прогнозы эфириума

• 5 Способов Доказать Реальную Ценность SEO в Эру Искусственного Интеллекта

• Генеративный искусственный интеллект и социальные сети: переосмысление создания контента

2025-08-11 14:17