Что знаешь о поисковых тегах

Ответ

Поисковые теги (meta-теги) помогают поисковым системам понимать содержимое страницы. Основные:

  • <meta name="description" content="..."> — краткое описание страницы, часто отображается в сниппете поисковой выдачи.
  • <meta name="keywords" content="..."> — список ключевых слов (устарел, современные поисковики почти не учитывают).
  • <meta name="robots" content="..."> — управляет индексацией (например, noindex запрещает индексировать страницу).
  • <meta name="viewport" content="width=device-width, initial-scale=1"> — критичен для адаптивного дизайна (не поисковый, но важный).

Пример:

<head>
  <meta name="description" content="Интернет-магазин электроники">
  <meta name="robots" content="index, follow">
</head>

Также есть OpenGraph-теги (og:title, og:description) для соцсетей.

Ответ 18+ 🔞

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

Смотри, вот в чём суть, чтобы не быть полным мудаком в глазах Гугла. Есть несколько главных штук, которые ты должен в <head> воткнуть:

  • <meta name="description" content="..."> — это, блядь, самое важное! Тут ты пишешь человеческое описание страницы. Эта хуйня часто всплывает в поиске под синей ссылкой. Если не напишешь — поисковик сам откусит кусок текста с твоей страницы, и получится пиздец, а не описание.
  • <meta name="keywords" content="..."> — о, это старый дед, ядрёна вошь. Раньше все его пихали, а сейчас поисковики на него смотрят как на хуй с горы. Можно вообще не париться, но если очень хочется — пиши, похуй.
  • <meta name="robots" content="..."> — а вот это уже власть, блядь! Ты прямо говоришь роботам: «Иди нахуй с этой страницы» (noindex) или «Иди, индексируй, хорошая страница» (index, follow). Чувствуешь силу?
  • <meta name="viewport" content="width=device-width, initial-scale=1"> — это, конечно, не совсем про поисковики, но без этого твой сайт на телефоне будет выглядеть как пиздопроебина. Он делает его адаптивным. Если не поставишь — пользователи тебя пошлют нахуй, и никакой SEO не спасёт.

Вот, смотри, как это в коде выглядит, чтоб ты не обосрался:

<head>
  <meta name="description" content="Интернет-магазин электроники">
  <meta name="robots" content="index, follow">
</head>

А, и ещё, чувак, есть отдельная банда — OpenGraph-теги (типа og:title, og:description). Это когда твою ссылку в телегу или ВК кидают. Без них будет отображаться какая-то случайная хуйня. Так что если хочешь, чтобы в соцсетях всё красиво было — и их не забудь, ебать мои старые костыли!

Короче, не будь Герасимом, который нихуя не говорит. Говори поисковикам, о чём твоя страница, а то утонет твой контент в болоте неиндексируемого интернета, как та самая Муму!