🏷️

Bepul Meta Teg va Open Graph Generatori

Jonli Google va ijtimoiy tarmoqda ulashish oldindan ko'rinishi bilan SEO meta teglarini, Open Graph va Twitter Card belgilarini yarating. To'g'ridan-to'g'ri sahifangiz head qismiga nusxalang.

Brauzeringizda ishlaydiRo'yxatdan o'tish, pop-uplar yo'qKirish talab etilmaydiAbadiy bepul

Yuklangandan keyin oflayn ishlaydi

Sahifa sarlavhasi0 · 0/580px

Sahifa URL manzili

Meta tavsif0 · 0/920px

Ijtimoiy tarmoq rasmi URL manzili

Eng yaxshisi: 1200×630 px, 5 MB dan kam, to'liq https:// havola.

Sayt nomi

Twitter/X hisobi

Twitter/X muallif nomi

Twitter karta turi

Open Graph turi

Qo'shimcha qo'shish

Kanonik havolani qo'shish (sahifa URL manzilidan foydalanadi)Kodlash va mobil viewport<html lang> ni uz ga o'rnatishni eslatishog:locale (sahifa tili)Favicon havolasiMavzu rangi (telefonlarda brauzer paneli)

Qidiruv tizimlarida indekslash

Sarlavha 0/580px (30-60 tavsiya etiladi)Tavsif 0/920px (70-160 tavsiya etiladi)

Google qidiruv ko'rinishi

example.com

Sahifangiz sarlavhasi shu yerda ko'rinadi

Meta tavsifingiz shu yerda ko'rinadi. Qidiruv natijalaridan bosish darajasini oshirish uchun uni jozibali qiling.

Kengliklar taxminiy: Google belgilar bo'yicha emas, piksellar bo'yicha kesadi.

Ijtimoiy tarmoq kartasi ko'rinishi

og:image ko'rinishi

example.com

Sahifa sarlavhasi

Sahifa tavsifi

<head> ichiga joylashtiring

Meta teglarini yaratish uchun yuqorida kamida bitta maydonni to'ldiring.

Qanday ishlaydi

Barcha teg yig'ish va bosh-tahlil qilish to'g'ridan-to'g'ri brauzeringizda sodir bo'ladi — server aralashmaydi. Asbob HTML satrlarini reaktiv ravishda qurish uchun React'ning useMemo'sidan va import/audit xususiyati uchun mavjud sahifa belgilashini o'qish uchun brauzerning mahalliy DOMParser API'sidan foydalanadi.

1
Forma kiritishi jonli yig'ilishni boshqaradi
Siz yozayotganda, useMemo xuki darhol to'liq teg blokini — sarlavha, meta tavsif, Open Graph xususiyatlari va Twitter Card atributlarini — qayta yig'adi, maxsus belgilarni (&, <, >, ") qochiradi, shunda chiqish to'g'ridan-to'g'ri HTML'ga joylashtirish uchun xavfsiz bo'ladi.
2
Brauzerning URL konstruktori orqali URL tekshiruvi
Har bir URL maydoni (sahifa URL'i, ijtimoiy rasm) brauzerning o'rnatilgan URL konstruktori yordamida tekshiriladi. Faqat to'g'ri shakllangan http:// yoki https:// nuqtali xost nomlari bilan manzillar o'tadi; noto'g'ri qiymatlar nusxalash tugmasini bloklaydi va inline xato ko'rsatadi.
3
Import: DOMParser mavjud bosh belgilashini o'qiydi
Agar uni tekshirish uchun mavjud <head> HTML'ni joylashtirsangiz, asbob uni inert rejimida DOMParser orqali ishga tushiradi — hech qanday skript bajarilmaydi va hech qanday tarmoq so'rovi qilinmaydi. So'ng u tahlil qilingan hujjatni ma'lum meta tanlagichlar (og:title, twitter:description, canonical havola va h.k.) uchun so'raydi va forma maydonlarini nima topsa shu bilan oldindan to'ldiradi.
4
Jonli Google va ijtimoiy karta ko'rib chiqishlari
Asbob bir xil forma holatidan foydalanib real vaqtda uslublangan Google qidiruv natijasi va Open Graph karta ko'rib chiqishini chizadi, shuning uchun sarlavha va tavsif chiqishni nusxalashdan oldin aynan qanday kesilishini ko'rasiz.

Tegishli asboblar

📐

Ijtimoiy tarmoq rasm o'lchamini o'zgartiruvchi

Rasmlarni Instagram, YouTube, TikTok, X, Facebook, LinkedIn va Pinterest uchun 2026-yilgi aniq o'lchamlarga moslang va kesing — xavfsiz zona ko'rsatkichlari va ommaviy ZIP bilan. 100% brauzeringizda, yuklashsiz.

Sinab ko'ringFayllar mahalliy qoladi

🎼

Audio teg muharriri (ID3)

MP3 ID3 teglarini tahrirlang — sarlavha, ijrochi, albom, yil, janr va muqova rasmi — 100% brauzeringizda. Yuklash, hajm chegarasi va majburiy konvertatsiya yo'q. Bepul va maxfiy.

Sinab ko'ringFayllar mahalliy qoladi

🔗

UTM Kampaniya Havolasi Quruvchisi

Google Analytics va boshqa vositalar uchun UTM parametrlari bilan kuzatiladigan kampaniya URL larini yarating. Jonli oldindan ko'rish, tayyor variantlar va bir bosishda nusxalash.

Sinab ko'ring