Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. HTML

Как проверить и сгенерировать мета теги для вашего сайта

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Alex Bogdanov (you can also view the original English article)

В этом кратком руководстве я представлю вам простой, но очень полезный инструмент, Hey Meta. Если вам интересно увидеть, как выглядит ваш сайт, когда им кто-то делиться, и вы хотите убедиться, что мета теги, которые вы используете, верны, Hey Meta как раз то, что вам нужно в этом случае. Начнем!

Узнайте ваши мета теги

Проверьте их

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

hey meta input field
Сюда введите URL

Если на вашей странице нет никаких мета тегов, то вы ничего не увидите.

Сгенерируйте правильные мета теги

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

enter meta title
Введите заголовок

Это же можно проделать для описания вашего сайта, URL и изображения. Сгенерированные теги отобразятся на превью, а код будет выглядеть примерно так:

Здесь вы увидите HTML мета теги, такие как <title>, теги Твиттера, и теги Open Graph, такие как <meta property="og:title">, которые позволяют корректно делиться вашим сайтом в соцсетях. Эти теги можно поместить в элемент <head> вашего HTML документа.

Заключение

Убедитесь, что мета теги отображают ваш сайт сайт должным образом!

Дальнейшее чтение

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.