تلگرام، WhatsApp  +380637610482
والری دانیوک
والری دانیوکتوسعه‌دهندهتوسعه ابزارهای هوش مصنوعی برای کسب و کارها. با کیفیت بالا. مقرون به صرفه.پیام در تلگرام

مولد آنلاین متا تگ: نحوه نوشتن عنوان، توضیحات و نمودار باز و درج کد

تولیدکننده آنلاین متا تگ: عنوان، توضیحات و Open Graph با پیش‌نمایش و کد HTML آماده

آنچه به دست خواهید آورد

  • یک بلوک HTML آماده با عنوان، توضیحات، استاندارد، ربات‌ها، Open Graph و Twitter Card - رایگان
  • فرمول‌های عنوان و توضیحات برای صفحه اصلی، دسته‌بندی، محصول و مقاله
  • آشنایی با محل درج کد در WordPress ، وب‌سایت‌ساز یا وب‌سایت سفارشی
اعمال: در ۱۵ دقیقهذخیره می‌کند: زمان صرف شده برای نوشتن و اشکال‌زدایی دستی کد در head

پاسخ کوتاه: برای ایجاد متا تگ‌ها به صورت آنلاین، PromoPilot Meta Tag Generator رایگان را باز کنید، فیلدهای title، description، canonical، robots، Open Graph و Twitter Card را پر کنید. پیش‌نمایشی از محتوای Google و Facebook در سمت راست، به همراه کد HTML نهایی زیر ظاهر می‌شود. کافیست آن را با یک کلیک کپی کرده و در <head> صفحه قرار دهید. می‌توانید از ابتدا شروع کنید یا تگ‌های فعلی را از یک صفحه موجود از طریق یک لینک دانلود کرده و آنها را ویرایش کنید. در زیر نحوه پر کردن هر فیلد و جلوگیری از اشتباهات رایج آمده است.

من ۱۲ سال است که وب‌سایت می‌سازم و متا تگ‌ها اولین چیزی هستند که هنگام بازسازی یک قالب از دست می‌روند. این مولد (generator) وقتی نیاز دارم به سرعت بلوک مناسب برای یک صفحه فرود یا صفحه اصلی را بدون نیاز به حفظ کردن سینتکس og: و twitter: کنار هم بگذارم، نجات‌بخش است.

مولد متا تگ چه چیزی ایجاد می‌کند؟

این مولد، فرمی با راهنما است که متن شما را به کد معتبر تبدیل می‌کند. در اینجا فیلدهایی که پر می‌کند و کاری که انجام می‌دهند، آمده است.

میدان چی وارد می‌کنی؟ چرا سایت به این نیاز دارد؟
عنوان عنوان صفحه، ۳۰ تا ۶۰ کاراکتر توصیه می‌شود لینک آبی در نتایج جستجوی Google و تب مرورگر
توضیحات متا توضیحات، ۱۲۰ تا ۱۶۰ کاراکتر توصیه می‌شود کاندید متن قطعه زیر عنوان
آدرس اینترنتی متعارف آدرس صفحه اصلی موارد تکراری را با پارامترها و برچسب‌های UTM ادغام می‌کند
ربات‌ها ایندکس/نوایندکس، فالو/نوفالو فعال یا غیرفعال کردن ایندکس شدن یک صفحه.
گراف باز og:title، og:description، og:image (1200×630)، og:type، og:locale پیش‌نمایش لینک در Facebook ، لینکدین و پیام‌رسان‌ها
کارت توییتر twitter:card (summary_large_image یا summary)، عنوان، توضیحات کارت لینک در X (توییتر)

در زیر فیلدها، شمارنده‌های کاراکتر با محدوده‌های توصیه‌شده، در سمت راست پیش‌نمایش زنده‌ای از Google اسنیپت و پست Facebook و در پایین HTML تولیدشده قرار دارد.

چگونه متا تگ ها را به صورت آنلاین ایجاد کنیم؟

متا تگ‌ها در ۴ مرحله: دانلود تگ‌های فعلی، پر کردن عنوان و توضیحات، اضافه کردن تگ کانونیکال و Open Graph، کپی کردن HTML در head

  1. مولد متا تگ را باز کنید. اگر صفحه از قبل وجود دارد، آدرس آن را در فیلد بالا قرار دهید و روی «بارگذاری» کلیک کنید - برچسب‌های فعلی در فرم درج می‌شوند.
  2. عنوان و توضیحات خود را بنویسید و به شمارنده‌ها توجه داشته باشید. نوار قرمز نشان می‌دهد که متن کوتاه‌تر یا بلندتر از حد معمول است.
  3. مشخص کردن آدرس استاندارد - آدرس کامل صفحه با https:// و بدون پارامتر.
  4. ربات‌ها را انتخاب کنید. برای یک صفحه معمولی، index, follow. noindex فقط برای صفحات خدماتی است: سبد خرید، حساب شخصی و نتایج جستجوی سایت.
  5. کارت Open Graph و Twitter را پر کنید: یک تصویر ۱۲۰۰×۶۳۰، نوع ( website برای صفحه اصلی، article برای مقاله، product برای محصول) و زبان، برای مثال ru_RU یا en_US.
  6. پیش‌نمایش را بررسی کنید و کد HTML را با استفاده از دکمه کپی کپی کنید.

خروجی چیزی شبیه به این بلوک خواهد بود که در <head> درج می‌شود:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

لطفاً توجه داشته باشید: og:title لازم نیست کپی کلمه به کلمه عنوان باشد. در رسانه‌های اجتماعی، کلمات brand و "buy" به نظر مزاحم می‌آیند، بنابراین یک تیتر مرتبط‌تر مناسب است و عنوان باید منعکس‌کننده عبارت جستجو شده باشد.

این همان چیزی است که فضای کاری به نظر می‌رسد: یک خط برای بارگذاری تگ‌ها از طریق یک لینک، یک فرم در سمت چپ و یک پیش‌نمایش Google و Facebook در سمت راست.

صفحه ابزار رایگان تولیدکننده متا تگ PromoPilot: آپلود تگ URL، فیلدهای عنوان و توضیحات، پیش‌نمایش‌های گوگل و فیسبوک

چگونه یک عنوان و توضیحات قابل کلیک بنویسیم؟

این مولد، طول صفحه را ردیابی می‌کند، اما محتوا را نه. در اینجا فرمول‌هایی که من برای انواع مختلف صفحه استفاده می‌کنم، آمده است:

  • خانه: Что продаёте + для кого / где | Бренд — برای مثال، Мебель из массива дуба на заказ | Woodline.
  • دسته بندی: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • محصول: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • مقاله: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

توضیحات خود را به صورت یک وعده کوتاه بنویسید: آنچه که یک فرد در صفحه دریافت خواهد کرد و چرا باید کلیک کند. بد: "به وب سایت ما خوش آمدید! ما طیف گسترده ای از... را ارائه می دهیم." خوب: "120 کوله پشتی چرمی موجود در انبار، تحویل در سراسر اروپا در 2-4 روز، بازگشت رایگان به مدت 30 روز. یک مدل را بر اساس اندازه و رنگ انتخاب کنید."

خطاهای رایج کد که مولد کد به جلوگیری از آنها کمک می‌کند:

  1. دو تگ عنوان در صفحه وجود دارد - یکی از قالب و دیگری از افزونه. پس از قرار دادن کد، بررسی کنید که تگ قدیمی حذف شده باشد.
  2. آدرس نسبی در og:image ( /img/cover.jpg) — شبکه‌های اجتماعی انتظار آدرس کامل با https:// را دارند.
  3. استفاده از تگ Canonical در صفحه اصلی همه صفحات، یک خطای قالب رایج است که صفحات را از فهرست خارج می‌کند.
  4. noindex، فراموش شده پس از توسعه - سایت راه اندازی شده است، اما موتور جستجو آن را نمی بیند.

کد تولید شده را کجا پیست کنم؟

کد در <head> قرار داده می‌شود، اما روش آن به موتور جستجو بستگی دارد. در یک وب‌سایت سفارشی، مستقیماً در قالب HTML صفحه قرار داده می‌شود. در WordPress ، راحت‌تر است که از چسباندن دستی کد خودداری کنید و در عوض متن را از مولد به فیلدهای یک افزونه سئو (Yoast SEO یا Rank Math) وارد کنید: افزونه به طور خودکار تگ‌ها را تولید می‌کند و از ایجاد موارد تکراری جلوگیری می‌کند. در سازندگان وب‌سایت، به دنبال بخش "SEO" در تنظیمات صفحه باشید.

پس از انتشار، نتایج را بررسی کنید: مقاله ما در مورد تجزیه و تحلیل متا تگ به شما می‌گوید که چگونه مطمئن شوید تگ‌های موجود در صفحه اصلی با تگ‌های مورد نظر مطابقت دارند، و مقاله ما در مورد پیش‌نمایش‌های SERP به شما می‌گوید که چگونه می‌توانید قطعه کد را در نتایج جستجو در تلفن همراه مشاهده کنید.

مقایسه: تولیدکننده متا تگ و جایگزین‌ها

ابزار چی رایگانه؟ محدودیت‌ها برای چه کسانی مناسب است؟
پروموپایلت — تولیدکننده متا تگ عنوان، توضیحات، متعارف، ربات‌ها، کارت OG و توییتر، پیش‌نمایش‌های Google و Facebook ، HTML آماده هر بار یک صفحه، متن‌ها را خودتان بنویسید صفحه فرود، صفحه اصلی، وب‌سایت سفارشی، آزمایش ایده
سئوی یواست / رتبه‌بندی ریاضی فیلدهای عنوان، توضیحات و OG مستقیماً در ویرایشگر WordPress فقط WordPress ، نصب افزونه الزامی است برای صاحبان وب‌سایت‌های WordPress
تنظیمات سئو در سازنده فیلدهای عنوان و توضیحات برای یک صفحه مجموعه فیلدها توسط قابلیت‌های پلتفرم محدود شده است وب‌سایت‌های مربوط به سازندگان
کدگذاری دستی کنترل کامل اشتباه در نحو و کپی کردن آسان است. برای توسعه‌دهندگان

نتیجه‌گیری: اگر سایت شما WordPress است، فیلدهای افزونه سئو را پر کنید و از مولد به عنوان پیش‌نویس با پیش‌نمایش استفاده کنید. برای یک وب‌سایت سفارشی یا یک صفحه فرود جداگانه، مولد کد آماده را سریع‌تر تولید می‌کند.

علاوه بر این ابزار تولید محتوا، PromoPilot 87 ابزار سئو رایگان دیگر ، از یک دیباگر Open Graph گرفته تا یک ابزار تولید محتوای Schema، ارائه می‌دهد.

محدودیت‌های تولیدکننده متا تگ چیست؟

این مولد نمی‌داند که شما برای چه عبارات جستجویی جستجو می‌شوید - شما کلمات کلیدی موجود در عنوان را انتخاب می‌کنید. این مولد منحصر به فرد بودن را بررسی نمی‌کند: اگر همان توضیحات را در ۵۰ صفحه وارد کنید، ابزار متوجه نمی‌شود. و با یک صفحه کار می‌کند: برای فروشگاهی با صدها محصول، برچسب‌ها با استفاده از یک الگو در کد سایت گردآوری می‌شوند، نه به صورت دستی.

چه زمانی یک ابزار رایگان کافی نیست؟

تولیدکننده متا تگ در مقابل قالب‌های آماده برای برچسب: تولید دستی یک صفحه در مقابل قوانین کل سایت

این مولد برای پنج صفحه ایده‌آل است. برای پانصد صفحه، رویکرد متفاوتی مورد نیاز است. در صورت وجود شرایط زیر به متخصص نیاز است:

  • شما یک کاتالوگ دارید و برچسب ها باید به طور خودکار به هر محصول جدید اختصاص داده شوند.
  • سایت چندزبانه است و برچسب‌ها در هر زبان با زبان صحیح مورد نیاز هستند؛
  • شما نمی‌دانید چه سوالاتی خریداران را جذب می‌کند، و عناوین «با چشم» نوشته می‌شوند؛
  • پس از تغییر CMS، برچسب‌ها گم یا تکراری شدند.

برای وب‌سایت شما چه کاری می‌توانم انجام دهم؟

من والری دانیوک هستم، توسعه‌دهنده و متخصص سئو با ۱۲ سال سابقه و بیش از ۲۰۰ مشتری. من از روز اول متا تگ‌ها را در قالب‌ها قرار می‌دهم تا صاحبان وب‌سایت هر بار که مطلبی منتشر می‌کنند، نگران آنها نباشند.

سئو و تبلیغات

  • ممیزی سئوی وب‌سایت آماده: من کلمات کلیدی را جمع‌آوری می‌کنم، قالب‌های برچسب را برای انواع صفحات می‌نویسم و آنها را در کد پیاده‌سازی می‌کنم.
  • Autoblog با عوامل هوش مصنوعی یک تیم ویراستاری است که در آن برچسب ها و پیش نمایش ها برای هر مقاله به طور خودکار تولید می شوند.

وب‌سایت‌ها و فروشگاه‌های آنلاین

CRM و اتوماسیون

آدرس وب‌سایت خود را از طریق Telegram برای من ارسال کنید تا یک فرمول عنوان برای صفحات کلیدی شما پیشنهاد دهم.

نتیجه

  1. این تولیدکننده آنلاین متا تگ، یک بلوک سرصفحه آماده شامل عنوان، توضیحات، تگ canonical، robots، Open Graph و Twitter Card به همراه پیش‌نمایش را مونتاژ می‌کند.
  2. عنوان خود را بین ۳۰ تا ۶۰ کاراکتر و توضیحات خود را بین ۱۲۰ تا ۱۶۰ کاراکتر نگه دارید و کلمه کلیدی و مزیت را در اولویت قرار دهید.
  3. پس از قرار دادن کد، بررسی کنید که برچسب‌ها تکراری نباشند و og:image به عنوان آدرس کامل مشخص شده باشد.
  4. برای یک سایت کاتالوگ و چندزبانه، برچسب‌ها با استفاده از یک الگو یا پلتفرمی که این کار قبلاً در آن انجام شده است، مانند 1001site ، جمع‌آوری می‌شوند.

با استفاده از یک تولیدکننده‌ی رایگان متا تگ، تگ‌های صفحه اصلی خود را جمع‌آوری کنید - این کار زمان کمتری از خواندن این مقاله خواهد برد.

منابع

  • صفحه ابزار تولیدکننده متا تگ PromoPilot - فیلدها، محدوده‌های پیشنهادی و سوالات متداول.
  • پروتکل نمودار را باز کنید (ogp.me) - شرح برچسب‌های og:title، og:image، og:type، og:locale.
  • مستندات افزونه Yoast SEO و Rank Math برای WordPress.

منابع و مآخذ

پرسش و پاسخ

طول بهینه عنوان و توضیحات چقدر است؟

دستورالعمل‌های تولیدکننده: عنوان — ۳۰ تا ۶۰ کاراکتر، توضیحات — ۱۲۰ تا ۱۶۰ کاراکتر. شمارنده‌های زیر فیلدها، در صورتی که متن از محدوده مشخص‌شده تجاوز کند، آن را برجسته می‌کنند. کلمه کلیدی و مزیت را ابتدا قرار دهید؛ Google انتهای متن طولانی را کوتاه می‌کند.

چرا به تگ‌های Open Graph نیاز است؟

Open Graph پیش‌نمایش لینک‌ها در Facebook ، لینکدین، Telegram ، WhatsApp و سایر برنامه‌ها را کنترل می‌کند: عنوان، توضیحات و تصویر. بدون آنها، پیام‌رسان متن و تصویر تصادفی را از صفحه می‌گیرد یا حتی یک لینک ساده را نشان می‌دهد.

کد تولید شده را کجا باید پیست کرد؟

در بخش سرصفحه، قبل از تگ بسته شدن. در WordPress پر کردن همین فیلدها در یک افزونه سئو (Yoast یا Rank Math) یا در صفحه‌سازها، در تنظیمات سئوی صفحه، آسان‌تر است. مطمئن شوید که هیچ تگ تکراری وجود ندارد: دو تگ عنوان در یک صفحه خطا است.

چگونه یک مولد با تجزیه و تحلیل متا تگ متفاوت است؟

این مولد به شما در نوشتن تگ‌ها و تولید کدهای آماده کمک می‌کند. تجزیه و تحلیل متا تگ، آنچه را که از قبل در صفحه اصلی وجود دارد بررسی می‌کند و خطاها را پیدا می‌کند. ترکیبی راحت: صفحه را بررسی کنید، تگ‌های مشکل‌دار را در مولد بازنویسی کنید، آنها را وارد کنید و دوباره بررسی کنید.

ما وب‌سایت را بررسی کردیم، اما کسی نیست که آن را اصلاح کند؟

این ابزار رایگان مشکلات را آشکار می‌کند. من گزارش را تجزیه و تحلیل می‌کنم، اولویت‌بندی می‌کنم و آنها را برطرف می‌کنم: بررسی سئو، افزایش سرعت، نشانه‌گذاری و انتقال به سایت جدید بدون از دست دادن رتبه.