Перейти к содержимому
🛠️ToolsShed

Генератор Мета-Тегов

Создаёт HTML-мета-теги для SEO, Open Graph и Twitter Cards.

18/60

50/155

Предпросмотр в соцсетях

OG Image: https://example.com/og-image.png

https://example.com/page

My Awesome Website

A short description of this page for SEO purposes.

Генерированный HTML
<!-- Primary Meta Tags -->
<title>My Awesome Website</title>
<meta name="title" content="My Awesome Website" />
<meta name="description" content="A short description of this page for SEO purposes." />
<meta name="keywords" content="web, tools, free" />
<meta name="author" content="Author Name" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://example.com/page" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="A short description of this page for SEO purposes." />
<meta property="og:image" content="https://example.com/og-image.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="My Awesome Website" />
<meta property="twitter:description" content="A short description of this page for SEO purposes." />
<meta property="twitter:image" content="https://example.com/og-image.png" />

Об этом инструменте

Мета-теги — это невидимые инструкции, которые вы добавляете в HTML вашего веб-сайта, чтобы сообщить поисковым системам, социальным сетям и браузерам, о чём ваша страница. Они контролируют, как ваш сайт отображается в результатах поиска Google и как он выглядит, когда кто-то делится вашей ссылкой на Facebook, Twitter или LinkedIn. Без надлежащих мета-тегов поисковые системы могут неправильно интерпретировать ваш контент, а ссылки будут выглядеть неприметно при поделке в социальных сетях.

Этот генератор мета-тегов позволяет быстро создать все важные мета-теги, необходимые вашему веб-сайту: заголовок, описание, ключевые слова, автор, директивы для роботов и канонические URL-адреса. Он также генерирует теги Open Graph для управления тем, как ваша страница выглядит в социальных сетях, и Twitter Cards для улучшения твитов. Просто заполните информацию о вашей странице, скопируйте генерируемый HTML-код и вставьте его в раздел <head> вашей страницы. Предпросмотр в реальном времени показывает, как ваша страница будет выглядеть при поделке в социальных сетях.

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

Часто задаваемые вопросы

Реализация кода

def generate_meta_tags(
    title: str,
    description: str,
    url: str,
    image: str = "",
    site_name: str = "",
    twitter_handle: str = "",
    locale: str = "en_US",
) -> str:
    lines = []
    lines.append(f'<title>{title}</title>')
    lines.append(f'<meta name="description" content="{description}">')
    # Open Graph
    lines.append(f'<meta property="og:title" content="{title}">')
    lines.append(f'<meta property="og:description" content="{description}">')
    lines.append(f'<meta property="og:url" content="{url}">')
    lines.append(f'<meta property="og:type" content="website">')
    lines.append(f'<meta property="og:locale" content="{locale}">')
    if site_name:
        lines.append(f'<meta property="og:site_name" content="{site_name}">')
    if image:
        lines.append(f'<meta property="og:image" content="{image}">')
        lines.append(f'<meta property="og:image:width" content="1200">')
        lines.append(f'<meta property="og:image:height" content="630">')
    # Twitter Card
    card = "summary_large_image" if image else "summary"
    lines.append(f'<meta name="twitter:card" content="{card}">')
    lines.append(f'<meta name="twitter:title" content="{title}">')
    lines.append(f'<meta name="twitter:description" content="{description}">')
    if twitter_handle:
        lines.append(f'<meta name="twitter:site" content="{twitter_handle}">')
    if image:
        lines.append(f'<meta name="twitter:image" content="{image}">')
    return "\n".join(lines)

print(generate_meta_tags(
    title="My Page",
    description="A great page.",
    url="https://example.com",
    image="https://example.com/og.png",
    site_name="Example",
    twitter_handle="@example",
))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.