Telegram, WhatsApp+380637610482
Valery Danyuk
Valery Danyukgeliştiriciİşletmeler için yapay zeka araçları geliştiriyoruz. Yüksek kalite. Uygun fiyat.Telegram'dan yaz

Çevrimiçi Meta Etiket Oluşturucu: Başlık, Açıklama, OpenGraph ve Kod Ekleme Nasıl Yapılır?

Çevrimiçi meta etiket oluşturucu: başlık, açıklama ve Open Graph, önizleme ve hazır HTML koduyla birlikte.

Neler elde edeceksiniz?

  • Başlık, açıklama, canonical etiketi, robots.txt, Open Graph ve Twitter Card içeren hazır bir HTML bloğu — ücretsiz
  • Ana sayfa, kategori, ürün ve makale için başlık ve açıklama formülleri
  • WordPress, web sitesi oluşturucu veya özel bir web sitesinde kodun nereye ekleneceğini anlamak
Uygula: 15 dakika içindeKaydetmeler: Kodun elle yazılması ve hata ayıklanması için harcanan zaman

Kısa cevap: Çevrimiçi meta etiketleri oluşturmak için, ücretsiz PromoPilot Meta Etiket Oluşturucu'yu açın, başlık, açıklama, canonical, robots, Open Graph ve Twitter Kartı alanlarını doldurun. Sağda Google ve Facebook içeriğinin önizlemesi, aşağıda ise tamamlanmış HTML kodu görünecektir. Tek bir tıklamayla kopyalayıp sayfanın <head> bölümüne yapıştırabilirsiniz. Sıfırdan başlayabilir veya mevcut etiketleri bir bağlantı aracılığıyla mevcut bir sayfadan indirip düzenleyebilirsiniz. Aşağıda her alanın nasıl doldurulacağı ve yaygın hatalardan nasıl kaçınılacağı açıklanmıştır.

12 yıldır web siteleri yapıyorum ve şablonları yeniden düzenlerken ilk kaybolan şey meta etiketleri oluyor. og: ve twitter og: sözdizimini hatırlamak zorunda kalmadan, bir açılış sayfası veya ana sayfa için doğru bloğu hızlıca bir araya getirmem gerektiğinde, bu twitter: hayat kurtarıcı oluyor.

Meta etiket oluşturucu ne üretir?

Bu jeneratör, metninizi geçerli koda dönüştüren ipuçları içeren bir formdur. İşte doldurduğu alanlar ve işlevleri.

Alan Ne giriyorsunuz? Bu sitenin buna neden ihtiyacı var?
Başlık Sayfa başlığı, 30-60 karakter önerilir. Google arama sonuçlarında ve tarayıcı sekmesinde mavi bağlantı
Meta açıklaması 120-160 karakterlik açıklama önerilir. Başlık altında kısa metin olarak kullanılabilecek aday
Kanonik URL Ana sayfa adresi Parametreler ve UTM etiketleri kullanarak yinelenen kayıtları birleştirir.
Robotlar index/noindex, follow/nofollow Sayfanın indekslenmesini etkinleştirir veya devre dışı bırakır.
Açık Grafik og:başlık, og:açıklama, og:resim (1200×630), og:tür, og:yerel Facebook, LinkedIn ve mesajlaşma uygulamalarında bağlantı önizlemesi
Twitter Kartı twitter:card (summary_large_image veya summary), title, description X'te bağlantı kartı (Twitter)

Alanların altında önerilen aralıklarla birlikte karakter sayaçları, sağda Google snippet'inin ve Facebook gönderisinin canlı önizlemesi, en altta ise oluşturulan HTML yer almaktadır.

Çevrimiçi olarak meta etiketleri nasıl oluşturulur?

Meta etiketleri 4 adımda: mevcut etiketleri indirin, başlık ve açıklamayı doldurun, canonical ve Open Graph etiketlerini ekleyin, HTML'yi head bölümüne kopyalayın.

  1. Meta Etiket Oluşturucu'yu açın. Sayfa zaten mevcutsa, adresini üstteki alana yapıştırın ve "Yükle"ye tıklayın; mevcut etiketler forma eklenecektir.
  2. Başlığınızı ve açıklamanızı yazarken sayaçlara dikkat edin. Kırmızı çubuk, metnin normalden daha kısa veya daha uzun olduğunu gösterir.
  3. Kurallı adresi belirtin - parametre olmadan, https:// ile başlayan tam sayfa adresini.
  4. Robotları seçin. Normal bir sayfa için, index, follow. noindex yalnızca hizmet sayfaları içindir: alışveriş sepeti, kişisel hesap ve site arama sonuçları.
  5. Open Graph ve Twitter Kartını doldurun: 1200×630 çözünürlüğünde bir resim, tür (ana sayfa için website, makale için article, product ") ve dil ayarı (örneğin ru_RU veya en_US).
  6. Önizlemeyi kontrol edin ve kopyala düğmesini kullanarak HTML kodunu kopyalayın.

Çıktı, <head> etiketine eklenen şu bloğa benzer bir şey olacaktır:

<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">

Lütfen dikkat: og:title, başlığın birebir kopyası olmak zorunda değildir. Sosyal medyada marka ve "satın al" kelimeleri rahatsız edici gelebilir, bu nedenle daha alakalı bir başlık uygun olur ve başlık arama sorgusunu yansıtmalıdır.

Çalışma alanı şu şekilde görünüyor: bağlantı üzerinden etiket yüklemek için bir satır, solda bir form ve sağda Google ve Facebook önizlemesi.

PromoPilot'ın ücretsiz Meta Etiket Oluşturucu aracı sayfası: URL etiketi yükleme, başlık ve açıklama alanları, Google ve Facebook önizlemeleri.

Tıklanabilir başlık ve açıklama nasıl yazılır?

Oluşturucu uzunluğu takip eder, ancak içeriği takip etmez. Farklı sayfa türleri için kullandığım formüller şunlardır:

  • Anasayfa: Что продаёте + для кого / где | Бренд — örneğin, Мебель из массива дуба на заказ | Woodline.
  • Kategori: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Ürün: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Makale: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Açıklamanızı kısa bir vaat şeklinde yazın: Kişinin sayfada ne bulacağı ve neden tıklaması gerektiği. Kötü: "Web sitemize hoş geldiniz! Geniş bir ürün yelpazesi sunuyoruz..." İyi: "Stokta 120 deri sırt çantası, Avrupa genelinde 2-4 gün içinde teslimat, 30 gün ücretsiz iade. Beden ve renge göre model seçin."

Bu kod üretecinin önlemeye yardımcı olduğu yaygın kod hataları:

  1. Sayfada iki adet başlık etiketi var; biri şablondan, diğeri eklentiden. Kodu yapıştırdıktan sonra eski etiketin kaldırıldığını kontrol edin.
  2. og:image'deki göreceli adres ( /img/cover.jpg) — sosyal ağlar https:// ile başlayan tam adresi bekler.
  3. Ana sayfada tüm sayfaların "canonical" olarak belirtilmesi, sayfaların dizinden çıkarılmasına neden olan yaygın bir şablon hatasıdır.
  4. noindex, geliştirme sonrasında unutulan bir özelliktir - site yayına alınır ancak arama motoru onu görmez.

Oluşturulan kodu nereye yapıştıracağım?

Kod <head> etiketine eklenir, ancak yöntem kullanılan motora bağlıdır. Özel bir web sitesinde, doğrudan sayfanın HTML şablonuna eklenir. WordPress, kodu manuel olarak yapıştırmaktan kaçınmak ve bunun yerine metni oluşturucudan bir SEO eklentisinin (Yoast SEO veya Rank Math) alanlarına aktarmak daha kolaydır: eklenti etiketleri otomatik olarak oluşturacak ve yinelenen etiketlerin oluşmasını önleyecektir. Web sitesi oluşturucularında, sayfa ayarlarındaki "SEO" bölümüne bakın.

Yayınladıktan sonra sonuçları kontrol edin: Meta etiket analizi hakkındaki makalemiz, canlı sayfadaki etiketlerin amaçlananlarla eşleştiğinden nasıl emin olacağınızı, SERP önizlemeleri hakkındaki makalemiz ise snippet'i telefonda arama sonuçlarında nasıl göreceğinizi anlatacaktır.

Karşılaştırma: Meta Etiket Oluşturucu ve Alternatifleri

Alet Neler ücretsiz? Kısıtlamalar Kimler için uygundur?
PromoPilot — Meta Etiket Oluşturucu Başlık, açıklama, kanonik, robotlar, OG ve Twitter Kartı, Google ve Facebook önizlemeleri, hazır HTML Sayfa sayfa, metinleri kendiniz yazın. Açılış sayfası, ana sayfa, özel web sitesi, fikir testi
Yoast SEO / Rank Math Başlık, açıklama ve OG alanlarını doğrudan WordPress düzenleyicisinde oluşturun. Sadece WordPress, eklenti kurulumu gereklidir. WordPress web sitesi sahipleri için
Oluşturucudaki SEO ayarları Sayfa için başlık ve açıklama alanları Alanlar kümesi, platformun yetenekleriyle sınırlıdır. İnşaatçılarla ilgili web siteleri
Manuel kodlama Tam kontrol Söz dizimi hataları ve tekrarlar yapmak kolaydır. Geliştiriciler için

Sonuç: Siteniz WordPress üzerindeyse, SEO eklentisindeki alanları doldurun ve jeneratörü önizlemeli bir taslak olarak kullanın. Özel bir web sitesi veya ayrı bir açılış sayfası için jeneratör, hazır kodu en hızlı şekilde üretir.

PromoPilot, jeneratörün yanı sıra Open Graph hata ayıklayıcısından Schema işaretleme jeneratörüne kadar 87 adet ücretsiz SEO aracı daha sunuyor.

Meta etiket oluşturucunun sınırlamaları nelerdir?

Bu araç, hangi arama sorgularıyla arandığınızı bilmiyor; başlıkta anahtar kelimeleri siz seçiyorsunuz. Benzersizlik kontrolü yapmıyor: aynı açıklamayı 50 sayfaya ekleseniz bile, araç bunu fark etmiyor. Ve tek bir sayfayla çalışıyor: yüzlerce ürüne sahip bir mağaza için etiketler, manuel olarak değil, site kodundaki bir şablon kullanılarak derleniyor.

Ücretsiz bir araç ne zaman yeterli olmaz?

Meta Etiket Oluşturucu mu, Hazır Etiket Şablonları mı: Tek Sayfa İçin Manuel Olarak Etiket Oluşturma mı, Site Geneli Kurallar Oluşturma mı?

Bu jeneratör beş sayfa için idealdir. Beş yüz sayfa için farklı bir yaklaşım gereklidir. Aşağıdaki durumlarda bir uzmana ihtiyaç duyulur:

  • Bir kataloğunuz var ve her yeni ürüne otomatik olarak etiket atanması gerekiyor;
  • Site çok dilli olduğundan, her dilde doğru yerel ayarla birlikte etiketlere ihtiyaç duyulmaktadır;
  • Hangi sorguların alıcı getireceğini bilmiyorsunuz ve başlıklar "göz kararı" yazılıyor;
  • İçerik yönetim sistemi değiştirildikten sonra etiketler kayboldu veya çoğaltıldı.

Web siteniz için neler yapabilirim?

Ben Valeriy Danyuk, 12 yıllık deneyime ve 200'den fazla müşteriye sahip bir yazılım geliştirici ve SEO uzmanıyım. Web sitesi sahiplerinin her yayınladıklarında meta etiketleriyle uğraşmak zorunda kalmamaları için şablonlara ilk günden itibaren meta etiketleri ekliyorum.

SEO ve tanıtım

Web siteleri ve çevrimiçi mağazalar

CRM ve otomasyon

Bana web sitenizin adresini Telegram üzerinden gönderin, size önemli sayfalarınız için bir başlık formülü önereyim.

Sonuç

  1. Çevrimiçi meta etiket oluşturucu, başlık, açıklama, kanonik etiket, robotlar, Open Graph ve önizlemeli Twitter Kartı gibi hazır bir başlık bloğu oluşturur.
  2. Başlığınızı 30-60 karakter, açıklamanızı 120-160 karakterle sınırlayın ve anahtar kelimeyi ve faydayı ilk sıraya koyun.
  3. Kodu yapıştırdıktan sonra, etiketlerin tekrarlanmadığından ve og:image'in tam adres olarak belirtildiğinden emin olun.
  4. Katalog ve çok dilli bir site için etiketler, bir şablon kullanılarak veya 1001site gibi bu işlemin zaten yapılmış olduğu bir platform kullanılarak toplanır.

Ana sayfanız için etiketleri ücretsiz bir meta etiket oluşturucu kullanarak toplayın; bu, bu makaleyi okumaktan daha az zamanınızı alacaktır.

Kaynaklar

  • PromoPilot Meta Etiket Oluşturucu aracı sayfası - alanlar, önerilen aralıklar ve SSS.
  • Açık Grafik Protokolü (ogp.me) — og:title, og:image, og:type, og:locale etiketlerinin açıklaması.
  • WordPress için Yoast SEO ve Rank Math eklentisi dokümantasyonu.

Referanslar ve kaynaklar

Sorular ve Cevaplar

Başlık ve Açıklama için en uygun uzunluk nedir?

Arama motorunun yönergeleri: başlık — 30–60 karakter, açıklama — 120–160 karakter. Alanların altındaki sayaçlar, metnin belirtilen aralığı aşması durumunda bunu vurgular. Anahtar kelimeyi ve faydayı önce yazın; Google uzun metinlerin sonunu kısaltacaktır.

Open Graph etiketlerine neden ihtiyaç duyuluyor?

Open Graph, Facebook, LinkedIn, Telegram, WhatsApp ve diğer uygulamalardaki bağlantı önizlemelerini kontrol eder: başlık, açıklama ve resim. Bunlar olmadan, mesajlaşma uygulaması sayfadan rastgele metin ve resim alır veya hatta sadece bağlantıyı gösterir.

Oluşturulan kodu nereye yapıştıracağım?

Sayfanın başlık bölümünde, kapanış etiketinden önce. WordPress'te WordPress bu alanları bir SEO eklentisi (Yoast veya Rank Math) veya sayfa oluşturucularda, sayfanın SEO ayarlarında doldurmak daha kolaydır. Yinelenen etiket olmadığından emin olun: bir sayfada iki başlık etiketi hatadır.

Bir jeneratör ile meta etiket analizi arasındaki fark nedir?

Bu jeneratör, etiket yazmanıza yardımcı olur ve hazır kod üretir. Meta etiket analizi, canlı sayfada zaten bulunan etiketleri kontrol eder ve hataları bulur. Kullanışlı bir kombinasyon: sayfayı kontrol edin, jeneratörde sorunlu etiketleri yeniden yazın, ekleyin ve tekrar kontrol edin.

İnternet sitesini kontrol ettik ama sorunu çözecek kimse yok mu?

Bu ücretsiz araç sorunları ortaya çıkarıyor. Raporu analiz edeceğim, önceliklendireceğim ve düzelteceğim: SEO denetimi, hızlandırma, işaretleme ve sıralama kaybı olmadan yeni bir siteye geçiş.