Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

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

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Что такое метатеги? Метатеги и позиционирование

  1. Тег заголовка
  2. Мета-описание
  3. Мета роботы
  4. Мета ключевые слова
  5. Метапорт
  6. Атрибут http-эквивалент
  7. суммирование

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

Тег заголовка

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

Наряду с изменениями в алгоритмах и внешнем виде Google также изменилась длина тега заголовка, отображаемого в результатах поиска. В настоящее время страницы в настольной версии поисковой системы занимают фиксированную ширину 600 пикселей, а отображаемый заголовок страницы обычно содержит около 65-70 символов. Конечно, Google также читает более длинный заголовок, но в SERP (Страница результатов поисковой системы) он отображает версию, адаптированную к ширине, часто заменяя часть текста многоточием.

Мета-теги - это HTML-маркеры в разделе <head> исходного кода сайта

Заголовок страницы в результатах поиска Google

В случае тега title его уникальность также очень важна. В ситуации, когда несколько страниц имеют одинаковый заголовок, мы не только генерируем ненужное дублирование (что может повредить репутации сайта), но и не используем потенциал заголовка для SEO. Повторяющиеся теги заголовков вызывают каннибализацию между подстраницами, а в исключительных случаях может случиться, что важная подстраница попадет в результаты поиска или будет проиндексирована.

Мета-описание

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

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

Мета роботы

Другим важным метатегом являются мета-роботы . Он информирует поисковые системы об их правах на посещение и индексацию страницы. По умолчанию он принимает индекс директив , следуйте - это означает, что поисковая система может свободно перемещаться по сайту. Если нам не нужно изменять его, нет необходимости определять данный тег. Из-за вышеизложенного, мета-роботы используются не так часто, как заголовок или описание, но они все еще остаются очень полезным маркером. Это применимо в нестандартных ситуациях, когда мы хотим заблокировать данную подстраницу, например, перед индексацией, но разрешить поисковым системам «пролистать» ее и перейти по ссылкам с нее.

Ниже приведена таблица, показывающая потенциальные значения мета-роботов.

Значение <meta name = "robots">Описание

значения индекса по умолчанию, позволяет индексировать страницу noindex , блокирует возможность перехода по странице и следовать по умолчанию, позволяет переходить по ссылкам на странице nofollow , не разрешает переходить по ссылкам на странице, не эквивалентным noindex, nofollow noodp блокирует загрузку описания сайта из проекта Open Directory - dmoz.org - в настоящее время устарел, с 17.03.2017 каталог недоступен noarchive не позволяет сохранять страницу в кеше nosnippet, предотвращает отображение описания страницы в результатах поиска noimageindex предотвращает отображение страницы в качестве видимого графического источника в гугл нокаче эквивалент ноархива

Мета ключевые слова

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

Метапорт

Метатег viewport информирует о размерах и масштабировании страницы для разных устройств и используется для оптимизации мобильных страниц. Рекомендуемое значение:

<meta name = viewport content = "width = device-width, initial-scale = 1">

Более подробную информацию о метапортпорте можно найти по следующим адресам:

https://developers.google.com/web/fundamentals/design-and-ux/responsive/?hl=pl#ustawianie_tagu_viewport

https://developers.google.com/speed/docs/insights/ConfigureViewport

Атрибут http-эквивалент

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

Для HTML 4.01 это будет:

<meta http-equ = "content-type" content = "text / html; charset = UTF-8">

Для HTML5:

<meta charset = "UTF-8">

Используя http-эквивалент в форме:

<meta http-equ = "refresh" content = "...; url = ..." />

мы также можем перенаправить пользователя на другой адрес или использовать этот атрибут, чтобы обновить страницу через указанное время. Тем не менее, это не решение, рекомендованное Google, поскольку оно может не поддерживаться некоторыми браузерами и не очень удобно для пользователя. В качестве альтернативы рекомендуется использовать 301 редирект.

суммирование

Приведенный выше список, конечно, не содержит все возможные метатеги, только самые популярные. Какие метатеги я должен использовать? Все зависит от типа подстраницы, которую мы оптимизируем для SEO и наших потребностей. Для всех страниц, которые должны быть проиндексированы в Google, ключевыми тегами будут заголовок страницы и мета-описание, а для подстраниц, которые мы хотим заблокировать перед индексацией, используйте мета-роботов.

Com/web/fundamentals/design-and-ux/responsive/?
Какие метатеги я должен использовать?