Код тега - что такое метатег?

  1. Что такое метатег?
  2. Как использовать метатеги
  3. Описание метатега
  4. Использование noindex и nofollow
  5. Другие функции метатега
  6. Метатег контент-язык
  7. Тип содержимого метатега
  8. Автор метатега
  9. Ответ метатега к
  10. Перенаправление страницы
  11. Редирект 301 с PHP
  12. заключение

Привет всем, в этой статье мы немного поговорим о том, что такое метатеги HTML ,

Что такое метатег?

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

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

Давайте посмотрим основные метатеги и их функции?

Как использовать метатеги

Мета-теги должны быть включены в тег <head>, как мы видим в листинге 1.

Листинг 1 : Куда вставить метатеги

Метатеги - что они и как использовать? </ Title> <meta name = "author" content = "Ricardo Arrigoni"> <meta name = "description" content = "Метатеги - Что такое и как их использовать - Строка кода "> <meta name =" ключевые слова "content =" сайты, сеть, метатег, код, html "> </ head>

Как мы видим, это очень просто реализовать в коде, самое сложное в этом состоит в том, чтобы понять один за другим, давайте начнем с описания?

Описание метатега

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

Именно содержание, которое вы вводите в него, будет отображаться под заголовком в поисковых системах, как мы можем видеть на следующем рисунке:

Рисунок 1 : описание метатега

При создании мета-тега описания старайтесь поддерживать ограничение примерно в 90 символов.

Ниже приведен пример мета-описания:

Листинг 2 : Описание метатега

<meta name = "description" content = "Метатеги - что это такое и как их использовать - строка кода">

Использование noindex и nofollow

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

Листинг 3 : Использование noindex и nofollow

<meta name = "robots" content = "index, follow"> <meta name = "robots" content = "noindex, follow"> <meta name = robots "content =" noindex, nofollow "> <meta name =" robots "content =" noarchive ">

В приведенном выше коде значения «index» и «noindex» относятся к обработке домашней страницы: должна ли поисковая система включать ее в результаты.

Значения «follow» и «nofollow» относятся к ссылкам на главной странице, независимо от того, должны ли они быть посещены и проиндексированы или нет, т.е.

Код <meta name = "robots" content = "index, follow"> Индексирует домашнюю страницу и все страницы, на которые она ссылается, уже код <meta name = "robots" content = "noindex, follow"> no индексирует домашнюю страницу, но индексирует страницы, на которые она ссылается.

Если вы не хотите, чтобы поисковые системы находили ваш сайт, используйте следующий код:

Листинг 4 : Запрет поисковым системам найти ваш сайт

<meta name = "robots" content = "noindex, nofollow">

Но если вы хотите, чтобы только Google не нашел ваш сайт, а другие поисковые системы нашли вас, просто используйте следующий код:

Листинг 5 : Запрет Google найти вас в поиске

<meta name = "googlebot" content = "noindex, nofollow">

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

Листинг 6 : Не хранить кэшированную копию страницы

<meta name = "robots" content = "noarchive">

Другие функции метатега

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

Метатег контент-язык

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

Ниже я приведу список некоторых возможных значений для этого метатега:

  • pt - английский
  • en - бразильский португальский
  • en - английский
  • en-us - американский английский
  • en-gb - британский английский
  • фр - французский
  • из - немецкий
  • es - испанский
  • это - итальянский
  • ru - русский
  • ж - китайский
  • я - японский

Вот как использовать этот метатег:

Листинг 7 : Язык содержимого метатега

<meta http-equ = "content-language" content = "en-us">

Тип содержимого метатега

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

Листинг 8 : метатег типа содержимого

<meta http-equ = "content-type" content = "text / html; charset = iso-8859-1">

Автор метатега

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

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

Вот как это использовать:

Листинг 9 : Автор метатега

<meta name = "author" content = "Рикардо Арригони">

Ответ метатега к

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

Листинг 10 : Ответ метатега на

<meta name = "reply-to" content = "[email protected]">

Перенаправление страницы

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

Листинг 11 : Обновление метатега

<meta http-equ = "refresh" content = "2; url = http: //www.meunovosite.com /">

Приведенный выше код указывает, что пользователь будет перенаправлен на url = http: //www.meunovosite.com/ через 2 секунды content = "2. Если вы хотите, чтобы на вашей странице было автоматическое обновление, В определенное время мы должны использовать тот же метатег, но с более длительным временем и привязкой к той же странице, поэтому он будет выполнять автоматическое обновление.

Редирект 301 с PHP

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

Есть несколько языков, на которых мы можем это сделать, в нашем примере я покажу вам, как это сделать с помощью PHP ,

Листинг 12 : Перенаправление 301 с PHP

<? Заголовок («HTTP / 1.1 301 перемещен навсегда»); Заголовок («Местоположение: http://www.meunovosite.com.br/»); ?>

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

заключение

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

Надеюсь, вам понравилась статья и увидимся в следующий раз.

Рикардо Арригони - Code Columnist и разработчик внештатного фрилансера ,