Что такое мета-теги? как правильно заполнить и проверить

Мета теги для поисковой машины

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

Мета теги, которые учитывает поисковая машина:

  • title — заголовок страницы, другими словами название страницы. Очень важный тег в ранжировании сайтов (см. тег <title>);
  • description — описание страницы сайта (см. подробное описание мета тега description »);
  • keywords — ключевые слова страницы сайта (см. подробное описание мета тега keywords »);
  • robots — управляет индексацией документа, а также ссылками в этом документе. Имеет следующий синтаксис:

Параметры могут принимать следующие значения:

  • index (разрешить индексацию документа)
  • noindex (запретить индексацию документа)
  • follow (разрешить следовать по ссылкам)
  • nofollow (запретить следовать по ссылкам)
  • all (равносильно сочетанию index и follow)
  • none (равносильно сочетанию noindex, nofollow)

По умолчанию стоит all, что является нормой для большинства страниц интернета. Например, если хотите запретить страницу к индексации и обход ссылок, то надо написать none или noindex, nofollow (тег noindex и rel=»nofollow»).

Примечание:
Наверняка Вы слышали про файл robots.txt (см. как правильно создать robots.txt), в котором можно запрещать к индексации отдельные страницы сайта или даже целые разделы. Однако поисковая машина все равно может проиндексировать документ, который закрыт, через robots.txt, т.к. это всего лишь рекомендация для поисковой машины. В свою очередь мета тег robots позволяет со 100% точностью закрыть нужный документ от индексации.

4. Revisit — позволяет указать, как часто нужно переиндексировать документ. Этот мета тег устарел и не учитывается поисковыми роботами. Его никто сейчас не воспринимает в серьез.

HTML Теги

<!—…—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>

HTML Справочник

HTML Теги по алфавитуHTML Теги по категорииHTML ПоддержкаHTML АтрибутыHTML ГлобальныеHTML СобытияHTML Названия цветаHTML ХолстHTML Аудио/ВидеоHTML ДекларацииHTML Набор кодировокHTML URL кодHTML Коды языкаHTML Коды странHTTP СообщенияHTTP методыКовертер PX в EMКлавишные комбинации

HTML Теги

<!—…—>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> — <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<svg>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

Определение и использование

Тег определяет метаданные о документе HTML.
Метаданные — это данные (информация) о данных.

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

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

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

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

Настройка видового экрана

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

Вы должны включить следующее, элемент на всех ваших веб страницах:

<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>

Это дает браузеру инструкции по управлению размерами и масштабированием страницы.

Часть устанавливает ширину страницы в соответствии с шириной экрана устройства (которая будет варьироваться в зависимости от устройства).

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

Вот пример веб страницы без мета-тега viewport и той же веб страницы с мета-тегом viewport:

Совет: Если вы просматриваете эту страницу с телефона или планшета, вы можете нажать на две ссылки ниже, чтобы увидеть разницу.

Без мета тега viewport

С помощью мета тега viewport

Подробнее о видовом окне вы можете прочитать в нашем разделе Адаптивный веб дизайн — Учебник по видовому экрану

Рейтинг
( Пока оценок нет )
Editor
Editor/ автор статьи

Давно интересуюсь темой. Мне нравится писать о том, в чём разбираюсь.

Понравилась статья? Поделиться с друзьями:
Люкс-хост
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: