Səhifəm üçün meta teqləri və Açıq Qrafik teqlərini necə yarada bilərəm?

Səhifə başlığı, Meta təsvir, Səhifə URL-i və Sosial şəkil URL-i sahələrini doldurun. Teqlər siz yazdıqca qurulur. Bir Çıxış formatı seçin (HTML, Next.js, JSX və ya WordPress), sonra Kopyala və ya Yüklə istifadə edin və bloku head bölmənizə yapışdırın.

Başlıq və meta təsvirim nə qədər uzun olmalıdır?

Alət başlıq üçün 30-60, təsvir üçün isə 70-160 simvol təklif edir. Kompüter və Mobil görünüşləri olan Google axtarış önizləməsi, mətnin harada kəsiləcəyini göstərir. Genişliklər təxminidir, çünki Google piksel əsasında kəsir.

Niyə keçid önizləməm şəkil göstərmir və ya səhv şəkil göstərir?

Şəkil URL-i adətən yoxdur, http:// istifadə edir, açıq şəkildə əlçatan deyil və ya platforma köhnə önizləməni keşləyib. Alət mütləq https:// keçidi olaraq 1200x630 px, 5 MB altında olmağı tövsiyə edir və nisbət və ya ölçü uyğun olmadıqda xəbərdarlıq edir.

Mövcud səhifəmin meta teqlərini yoxlaya bilərəmmi?

Bəli. Mövcud HTML-dən idxal edin bölməsini açın, səhifə head hissəsini və ya tam HTML-i yapışdırın və Formu HTML-dən doldurun düyməsini basın. Audit bölməsi daha sonra problemləri siyahıya alır. Təhlil brauzerinizdə aparılır, skriptləri işə salmır və heç nə gətirmir.

Generator səhifə məlumatlarımı serverə göndərirmi?

Xeyr. Teqlər brauzerinizdə yığılır və yapışdırılan HTML, skriptləri işə salmayan və şəbəkə sorğusu etməyən brauzerin DOMParser-i ilə oxunur. Yalnız şəkil önizləməsi yazdığınız şəkil URL-ni yükləyir.

Həqiqətən pulsuzdur?

Bəli. Hər alət pulsuzdur, hesab və kredit kartı tələb olunmur. İş serverlərimizdə deyil, cihazınızda icra olunur, bu da onu pulsuz saxlayır.

Mobil cihazda işləyir?

Bəli. iOS və Android-in müasir mobil brauzerlərində heç nə quraşdırmadan işləyir.

🏷️

Pulsuz Meta Teq və Açıq Qrafik Generatoru

Canlı Google və sosial paylaşım önizləməsi ilə SEO meta teqləri, Açıq Qrafik və Twitter Kartı işarəsi yaradın. Birbaşa səhifə başınıza kopyalayın.

Brauzerdə işləyirQeydiyyat yoxdur, açılan pəncərə yoxdurGiriş tələb olunmurHəmişəlik pulsuz

Bir dəfə yükləndikdən sonra oflayn işləyir

Səhifə başlığı0 · 0/580px

Səhifə URL-i

Meta təsvir0 · 0/920px

Sosial şəkil URL-i

Ən yaxşısı: 1200×630 px, 5 MB-dan az, mütləq https:// linki.

Sayt adı

Twitter/X istifadəçi adı

Twitter/X müəllif adı

Twitter kart növü

Open Graph növü

Əlavə olaraq daxil et

Kanonik keçidi əlavə edin (səhifə URL-dən istifadə edir)Charset və mobil viewport<html lang> dəyərini az təyin etmək xatırlatmasıog:locale (səhifənin dili)Favicon linkiMövzu rəngi (telefonlarda brauzer paneli)

Axtarış sistemi indeksləməsi

Başlıq 0/580px (tövsiyə olunan 30-60)Təsvir 0/920px (tövsiyə olunan 70-160)

Google axtarış önizləməsi

example.com

Səhifənizin başlığı burada görünür

Meta təsvir burada görünür. Axtarış nəticələrindən keçid nisbətini artırmaq üçün cəlbedici edin.

Enlər təxminidir: Google simvola görə yox, pikselə görə kəsir.

Sosial kart önizləməsi

og:image önizləməsi

example.com

Səhifə başlığı

Səhifə təsviri

<head> etiketinizə yapışdırın

Meta teqlər yaratmaq üçün yuxarıda ən az bir sahəni doldurun.

Ümumi istifadələr

Bloqun Yazıları üçün Meta TeqlərMəqalələriniz paylaşıldıqda yaxşı görünmə üçün başlıq, təsvir və sosial teqlər yaradın.
Məhsul Səhifələri üçün Meta TeqlərMəhsul səhifələrini gözəl şəkildə paylaşın və axtarış nəticələrində yaxşı oxunun.
Eniş Səhifələri üçün Meta TeqlərEniş səhifələrinizin paylaşıldıqda və axtarışda necə göründüyünü tam şəkildə kontrol edin.
Hər Hansı Veb Tətbiq üçün Meta Teqlər YaradınYeni səhifə və ya vebsayt üçün tam meta teq dəstəsini tez qurun.
Çirkin Keçid Önizləmələrini DüzəldinKeçidlərinizin çılpaq URL kimi göstərilməsini dayandırın — zəngin önizləmə kartları yaradan teqlər əlavə edin.

Necə İşləyir

Bütün etiket yığılması və baş-təhlili birbaşa brauzerinizdə baş verir — server iştirak etmir. Alət HTML sətirlərini reaktiv olaraq qurmaq üçün React-in useMemo-sunu, idxal/audit xüsusiyyəti üçün mövcud səhifə işarələməsini oxumaq üçün isə brauzerin doğma DOMParser API-sini istifadə edir.

1
Forma girişi canlı yığılmanı idarə edir
Yazdıqca, bir useMemo hooku dərhal tam etiket blokunu yenidən yığır — başlıq, meta təsviri, Open Graph xüsusiyyətləri və Twitter Card atributları — xüsusi simvolları (&, <, >, ") qaçıraraq, ona görə çıxış birbaşa HTML-ə yapışdırmaq üçün təhlükəsizdir.
2
Brauzerin URL konstruktoru vasitəsilə URL doğrulaması
Hər URL sahəsi (səhifə URL-i, sosial şəkil) brauzerin daxili URL konstruktoru istifadə edərək doğrulanır. Yalnız nöqtəli host adları olan yaxşı-formalı http:// ya da https:// ünvanları keçir; etibarsız dəyərlər kopyala düyməsini bloklayır və inline bir xəta göstərir.
3
İdxal: DOMParser mövcud baş işarələməsini oxuyur
Onu audit etmək üçün mövcud <head> HTML-i yapışdırsanız, alət onu inert rejimdə DOMParser vasitəsilə işlədir — heç bir skript icra olunmur və heç bir şəbəkə sorğusu edilmir. Sonra təhlil edilmiş sənədi məlum meta seçicilər (og:title, twitter:description, canonical link və s.) üçün sorğulayır və tapdığı hər nə ilə forma sahələrini əvvəlcədən doldurur.
4
Canlı Google və sosial kart önizləmələri
Alət eyni forma vəziyyətindən istifadə edərək real vaxtda stilizasiya edilmiş bir Google axtarış nəticəsi və bir Open Graph kart önizləməsi render edir, ona görə çıxışı kopyalamadan əvvəl başlığın və təsvirin necə kəsiləcəyini tam olaraq görə bilərsiniz.

Əlaqəli Alətlər

📐

Sosyal Media Şəkil Dəyişdiriciyi

Şəkilləri Instagram, YouTube, TikTok, X, Facebook, LinkedIn və Pinterest üçün dəqiq 2026 ölçülərinə yenidən ölçün və kəsin — təhlükəsizlik zonası bələdçi və toplu ZIP ilə. Sizin brauzerdə 100%, yüklənə bilmir.

SınayınFayllar yerli qalır

🎼

Audio Teq Redaktoru (ID3)

MP3 ID3 teqlərini redaktə edin — başlıq, sənətçi, albom, il, janr və üz qabığı — 100% brauzerinizdə. Yükləmə yoxdur və audio yenidən kodlanmır. Pulsuz və məxfi.

SınayınFayllar yerli qalır

🔗

Slug Generatoru

İstənilən başlığı və ya mətni URL-uyğun slug-a çevirin. Blog yazıları, CMS səhifələri və SEO optimallaşdırılmış URL-lər üçün mükəmməldir.

Sınayın