HTML – это основа веб-страницы. Откройте для себя ключевые теги и атрибуты HTML, которые имеют решающее значение для хорошего SEO продвижения. Узнайте, как их использовать и как их кодировать.
HTML – это язык разметки, который составляет основу большинства веб-страниц.
Возможно, это одна из самых фундаментальных частей технического SEO.
Используя элементы HTML, специалисты по SEO могут передавать информацию о странице пользователям и поисковым роботам.
Это может помочь прояснить важность, характер и порядок содержимого на странице, а также его связь с другими веб-страницами.
Разница между тегами и атрибутами
Чтобы понять разницу между тегами и атрибутами, нам нужно убедиться, что мы правильно поняли нашу терминологию.
Многие люди будут использовать фразу «тег» и «атрибут» как синонимы, но давайте будем точными.
Формат нижеследующего HTML-элемента состоит из трех частей:
- Открывающий тег.
- Контент, относящийся к этому тегу.
- Закрывающий тег.
Например:
<h1> Добро пожаловать на мою страницу о котятах </h1>
- «<h1>» открывает тег.
- «Добро пожаловать на мою страницу о котятах» – это содержание тега.
- «</h1>» закрывает тег.
Этот элемент является заголовком и будет использоваться в качестве видимого заголовка на веб-странице, чтобы представить информацию о котятах.
Теги
Теги должны иметь открывающий <X> и закрывающий </X> элементы, чтобы тег работал.
Есть также пустые элементы, такие как <br>, для которых нет содержимого или закрывающего тега.
Атрибуты
Атрибуты добавляются к элементам для их изменения. Они находятся внутри элемента, например:
<link rel = "canonical" href = "https://www.example.com" />
3 Основные HTML-тега
Чтобы сделать веб-страницу полезной, необходимо несколько ключевых тегов.
<! DOCTYPE html>
Тег <! DOCTYPE html> – это самый первый тег на веб-странице.
По сути, он представляет страницу как веб-страницу.
<head>
Тег <head> вводит первый раздел страницы.
Здесь содержится информация о странице, которая не будет отображаться на странице.
Важно знать о <head>, поскольку именно здесь должны быть размещены некоторые из важных тегов для SEO.
<body>
Тег body содержит информацию о странице, которую увидят ваши посетители.
Вот куда пойдут ваши тексты, изображения и видео.
В теле также будут находиться некоторые другие теги HTML, о которых мы поговорим позже.
Общие теги для SEO и используемые в них атрибуты
<meta>
Тег <meta> находится внутри <head> страницы.
Он может содержать атрибуты, описывающие информацию о веб-странице, которая на самом деле не будет отображаться в содержимом страницы.
Этот метатег часто называют «метаданными» из-за используемых с ним атрибутов, которые управляют такими вещами, как «мета-описание» и неиспользуемые «мета-ключевые слова».
Атрибут имени
Атрибут name используется с тегом <meta>.
По сути, это способ указать ботам, которые могут посещать страницу, относится ли к ним следующая информация или нет.
Например, включение <meta name = “robots” content = “noindex” /> означает, что все боты должны обратить внимание на директиву “noindex”.
Вы часто слышите, что это называется «метатег роботов».
Если использовалось следующее <meta name = ”googlebot” content = ”noindex” />, только бот Google должен был бы принять во внимание директиву “noindex”.
Это хороший способ дать поисковым ботам команды, которые нужны не всем.
Атрибут Noindex
Атрибут «noindex» обычно используется в SEO.
Вы часто слышите, как его называют «тегом noindex», но точнее, это атрибут тега <meta>.
Он пишется так:
<meta name = "robots" content = "noindex" />
Этот фрагмент кода позволяет определять, какой контент может быть включен в индекс поисковой системы.
Добавляя атрибут «noindex», вы, по сути, сообщаете поисковой системе, что она не может использовать эту страницу в своем индексе.
Например, это полезно, если есть конфиденциальный контент, который вы не хотите видеть в обычном поиске.
Например, если на вашем сайте есть области, которые должны быть доступны только для платных участников, включение этого контента в поисковые индексы может сделать его доступным без входа в систему.
Директиву «noindex» необходимо прочитать, чтобы следовать ей. То есть поисковые роботы должны иметь доступ к странице для чтения HTML-кода, содержащего директиву.
Таким образом, будьте осторожны, чтобы не заблокировать доступ роботов к странице в robots.txt.
Атрибут Description
Атрибут описания, более известный как «мета-описание», используется с тегом <meta>.
Содержимое этого тега используется в результатах поиска под содержимым тега <title>.
Это позволяет обобщать контент на странице таким образом, чтобы помочь поисковикам определить, соответствует ли страница их потребностям.
Это не влияет на рейтинг страницы, но может стимулировать переходы на страницу из результатов поиска.
Важно понимать, что во многих случаях Поисковая система будет игнорировать содержание атрибута описания в пользу использования своего собственного описания в поисковой выдаче.
<Title>
Также известный в просторечии как «мета-заголовок», это тег, который вы используете для определения заголовка страницы. Он находится внутри <head> сайта.
Таким образом, он не виден пользователям на веб-странице. Тем не менее, он отображается в строке браузера, в результатах поиска и позволяет вам обозначать релевантность страницы поисковому запросу – как для поисковых роботов, так и для пользователей.
от <h1> до <h6>
Эти теги-заголовки используются для указания , какие части содержания HTML должны быть оформлены в виде заголовков.
Теги располагаются внутри <body> страницы, поэтому текст виден пользователям, просматривающим содержимое страницы.
Теги заголовков следует использовать для структурирования страницы.
При создании веб-сайта разработчики гарантируют, что стили будут связаны с каждым типом тега заголовка.
Это означает, что слова, заключенные в тег <h1>, должны отличаться от слов, заключенных в тег <h2>.
Это помогает пользователям определить, является ли раздел текста частью предыдущего раздела, например заголовки и подписи.
Теги заголовков также помогают поисковым роботам определять структуру контента на странице.
Теги ссылок и атрибут Href
Как специалисты по SEO, мы проводим много времени в поисках ссылок.
Но знаете ли вы, как структурирована ссылка и почему некоторые ссылки считаются более ценными, чем другие?
Стандартная гиперссылка – это, по сути, тег <a>. Его формат следующий:
<a href=”/www.example.com”> здесь находится якорный текст ссылки </a>.
Тег <a> указывает, что это ссылка.
Атрибут href = определяет место назначения ссылки (то есть, на какую страницу она ведет).
Текст, который находится между открывающим тегом <a> и закрывающим тегом </a>, является текстом привязки.
Это текст, который пользователь увидит на странице, которая выглядит интерактивной.
Это используется для ин
