Картинки () представляют собой фотографии или графику. Атрибут alt предоставляет текстовое описание изображения, которое помогает с доступностью и SEO.
Статья () представляют собой независимое повторно используемое содержимое, такое как сообщения в блогах или новости.
разделы () группирует связанный контент, например. B. Главы или части документа.
в стороне (
персонажи ( и) представляют собой изображение, диаграмму или иллюстрацию вместе с подписью. Они показывают связь между медиа и окружающим текстом.
Семантический HTML — фактор ранжирования?
Хотя семантический HTML помогает поисковым системам анализировать содержимое и структуру страницы, он не является прямым фактором ранжирования, поясняет Мюллер:
«Семантический HTML помогает понять страницу. Однако это не волшебный множитель для более высокого ранга веб-сайта».
Хотя семантический HTML не сразу повышает рейтинг, он улучшает SEO и доступность и остается фундаментальной передовой практикой.
Это позволяет оптимизировать для поисковых систем, создавая при этом оптимальный пользовательский интерфейс.
Как Google выигрывает от семантического HTML
Правильное использование семантических элементов HTML может помочь в поисковой оптимизации следующим образом:
Вы можете использовать заголовки для структурирования отрывков текста.
Поместите картинки рядом со словами, которые имеют к ним отношение
Использование табличных тегов для таблиц данных, а не только для позиционирования контента
Якорные ссылки вместо ссылок, которые работают через JavaScript
Мюллер отмечает, что алгоритмы Google не очень точны в отношении аналогичных предметов.
Например, когда Google группирует разделы текста, он обрабатывает элементы section, article и div одинаково. Конкретный используемый элемент менее важен, чем четкая структура и взаимосвязь между элементами.
Как люди получают пользу от семантического HTML
Семантический HTML значительно улучшает работу пользователей любого происхождения, включая людей с ограниченными возможностями.
Это делается следующим образом:
Семантический HTML помогает программному обеспечению для чтения с экрана доставлять веб-контент слепым или слабовидящим пользователям.
Семантический HTML обеспечивает навигацию с помощью клавиатуры. На такие элементы, как ««ссылки» и ««/»
Вспомогательные технологии, такие как устройства для чтения по Брайлю и программное обеспечение для преобразования текста в речь, выигрывают от четкой структуры и смысла семантического HTML.
Семантические элементы обеспечивают адаптивный веб-дизайн и обеспечивают доступность контента на разных устройствах.
Семантический HTML обеспечивает соответствие контента будущим требованиям, поскольку он соответствует веб-стандартам. Это означает, что даже по мере развития технологий все пользователи, скорее всего, смогут получить доступ к контенту.
Разработчики могут создавать веб-контент, понятный людям и машинам, следуя семантическим принципам HTML, что обеспечивает инклюзивность веб-интерфейса.
Обращение Мюллера к владельцам веб-сайтов
Мюллер завершает видео, призывая владельцев сайтов использовать семантический HTML, даже если это не является прямым фактором ранжирования.
«Пожалуйста, используйте семантический HTML. Это не фактор ранжирования, но он может помочь нашим системам лучше понять ваш контент».
