Meta Tag Üretici

GeekFormat Hakkında

Giriş parametreleri

Sayfa başlığı30 karakter

Meta açıklama87 karakter

Anahtar kelimeler

Yazar

Kurallı URL

Site adı (og:site_name)

OG resim URL'si

OG türü

Robots

Twitter Card türü

Twitter @kullanıcı

Tema rengi

Oluşturulan etiketler

<!-- Primary Meta Tags -->
<title>GeekFormat - Developer Toolbox</title>
<meta name="title" content="GeekFormat - Developer Toolbox">
<meta name="description" content="One page, one utility. Fast and privacy-friendly tools for developers and growth teams.">
<meta name="keywords" content="online tools,developer tools,pdf tools,network tools">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://geekformat.com/tools">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://geekformat.com/tools">
<meta property="og:title" content="GeekFormat - Developer Toolbox">
<meta property="og:description" content="One page, one utility. Fast and privacy-friendly tools for developers and growth teams.">
<meta property="og:image" content="https://geekformat.com/og-cover.png">
<meta property="og:site_name" content="GeekFormat">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="GeekFormat - Developer Toolbox">
<meta name="twitter:description" content="One page, one utility. Fast and privacy-friendly tools for developers and growth teams.">
<meta name="twitter:image" content="https://geekformat.com/og-cover.png">

Tarayıcı tabanlı Meta tag üretme aracı, title, description, keywords, canonical, Open Graph, Twitter Card, robots ve diğer etiket üretimini destekler, otomatik HTML entity kaçışı, renkli durumlarla gerçek zamanlı karakter uzunluğu rehberliği, tek tıkla kopyalama ve indirme.

İlgili Öneriler

Sitemap Generator

QR Code ve Barkod Üretici

TypeScript Sıkıştırma

Onaltılık Dönüştürücü

SHA-256 Özeti

Base64 Kod Çözme

Kullanım senaryoları

Yeni web sitesi lansmanından önce ana sayfa, liste sayfaları ve detay sayfaları için toplu olarak eksiksiz Meta etiketleri oluştur, temel SEO kurulumunu hızlıca tamamla
Blog yazıları yayınlamadan önce article tipi Open Graph etiketlerini ve summary_large_image Twitter Card'ı yapılandır, sosyal platform paylaşım performansını artır
E-ticaret ürün sayfaları için product tipi og:type yapılandır, og:image, og:price:amount gibi yapılandırılmış bilgileri ayarla, sosyal platformlarda ürün görünümünü optimize et
Web sitesi yeniden tasarımı veya alan adı değişikliğinden sonra canonical etiketlerini yeniden oluştur, URL'leri standartlaştır ve yinelenen içerikten kaynaklanan otorite seyrelmesini önle
Mobil web sayfaları için theme-color yapılandır, Chrome ve Safari mobil adres çubuklarının marka renkleriyle tutarlı kalmasını sağla
Next.js, Nuxt.js, Gatsby gibi SSR/SSG framework'leri ile geliştirme yaparken head yapılandırması için gereken eksiksiz Meta etiket kodunu hızlıca oluştur
WordPress ve Shopify gibi CMS sistemlerinde özel sayfa şablonları için Meta etiketlerini manuel olarak yapılandır, SEO eklentilerine bağımlı olma
Web sitesi dizinleme sorunlarını giderirken doğru robots meta etiketi kombinasyonlarını hızlıca oluştur (örneğin, hazırlama ortamları için noindex,nofollow)
Sosyal medya operatörleri kampanya açılış sayfaları için paylaşım kartlarını yapılandır, Facebook, Twitter/X, LinkedIn, WhatsApp, Slack, Discord'a paylaşıldığında doğru önizlemeyi sağla
HTML sayfa şablonları yazan ön uç geliştiriciler Meta etiketleri için otomatik entity kaçışı elde eder, özel karakterlerden kaynaklanan HTML sözdizimi hatalarını önler

Nasıl Kullanılır

"Temel SEO Etiketleri" bölümüne sayfa başlığı (önerilen 50-60 karakter), meta description (önerilen 120-160 karakter), anahtar kelimeler (virgülle ayrılmış), canonical URL ve yazar bilgilerini doldurun
"robots Tarayıcı Yönergeleri" bölümünde uygun dizinleme ve takip kurallarını seçin: index/noindex (dizinlenip dizinlenmeyeceği), follow/nofollow (bağlantıların takip edilip edilmeyeceği), noarchive, nosnippet gibi ek seçeneklerle
"Tema Rengi Ayarları" bölümünde mobil tarayıcı adres çubuğu renklendirmesi için theme-color hex renk değerini girin veya seçin
"Open Graph Etiketleri" bölümüne geçin, og:type seçin (website/article/product/profile'den biri), og:title, og:description, og:image (paylaşım görseli URL'i, önerilen 1200×630 piksel), og:url, og:site_name, og:locale alanlarını doldurun
"Twitter Card Etiketleri" bölümüne geçin, twitter:card türünü seçin (summary/summary_large_image/app/player'den biri), twitter:site @handle, twitter:title, twitter:description, twitter:image alanlarını doldurun
Giriş sırasında sağdaki gerçek zamanlı önizleme alanını ve karakter sayısı renk göstergelerini izleyin: yeşil optimal uzunluk, turuncu sınıra yakın, gri çok kısa veya çok uzun ve ayarlama gerektiriyor
Etiketlerin doğru olduğunu onayladıktan sonra "Panoya Kopyala" düğmesine tıklayarak tüm kodu kopyalayın ve HTML head alanına yapıştırın, veya "HTML Dosyasını İndir" düğmesine tıklayarak meta-tags.html olarak kaydedin

Özellikler

Otomatik HTML entity kaçışı: &, <, >, ", ' gibi beş özel karakteri güvenli şekilde kaçış yaparak üretilen HTML etiketlerinde sözdizimi hatalarını önler
Akıllı title uzunluk göstergesi: 50-60 karakter aralığında yeşil (optimal), aşırı veya eksik olduğunda turkuaz/gri durum göstergeleri, gerçek zamanlı karakter sayısı
Akıllı meta description uzunluk göstergesi: 120-160 karakter arasında yeşil (optimal görüntüleme aralığı), aşırı veya çok kısa olduğunda gerçek zamanlı renk durumu değişiklikleri
4 adet og:type seçeneğini destekler: website (genel site), article (blog/yazı), product (ürün sayfası), profile (kişisel sayfa), farklı sayfa türlerine uygun
4 adet twitter:card türünü destekler: summary (küçük görsel), summary_large_image (büyük görsel), app (uygulama kartı), player (video/oynatıcı kart)
robots yönerge kombinasyonu: index/noindex, follow/nofollow, noarchive, nosnippet, noimageindex ve diğer tarayıcı yönergelerini serbestçe birleştirmeyi destekler
author meta etiketi: content-author, article:author ve diğer atıf etiketlerini destekler, bloglar ve haber siteleri için uygun
theme-color yapılandırması: tarayıcı mobil adres çubuğu tema rengini ayarlamayı destekler, renk seçici ve hex değer girişi sağlar
og:site_name yapılandırması: sosyal paylaşımda doğru görüntülenmesi için Open Graph protokolündeki site adı alanını özel olarak ayarlar
twitter:site @handle yapılandırması: resmi Twitter/X @handle hesabını doldurmayı destekler, paylaşım kartlarını resmi hesapla ilişkilendirir
Üç bölümlü yapılandırılmış çıktı: üretilen sonuçları Temel SEO, Open Graph ve Twitter Card olmak üzere üç net bölümde görüntüler, yapısı bir bakışta anlaşılır
Tek tıkla panoya kopyalama: üretilen kod manuel seçim yapmadan tek tıkla kopyalanabilir, çeşitli tarayıcı ortamlarıyla uyumlu
meta-tags.html olarak indirme: üretilen etiketler tamamen bağımsız bir HTML dosyası olarak indirilebilir, kaydetmek veya projelere doğrudan içe aktarmak için kolay
Gerçek zamanlı üretim ve önizleme: girilen içerik anında etiket kodu üretir, SERP arama sonucu görünümü ve sosyal paylaşım kartı stilleri senkronize şekilde önizlenir

Sık Sorulan Sorular

Meta Tag Üretici tarafından üretilen kod doğrudan web sitesine kopyalanıp kullanılabilir mi? Değişiklik gerekiyor mu?

Doğrudan kopyalanıp kullanılabilir. Bu araç tarafından üretilen kod, otomatik HTML entity kaçışı ile standart formatta HTML Meta etiketleridir; sadece sayfanızın <head> ve </head> arasına yapıştırın. Sadece doldurduğunuz URL'lerin (canonical, og:image, og:url, twitter:image) web sitenizin gerçek çevrimiçi adresleri olduğundan, örnek yer tutucular olmadığından emin olmanız yeterlidir. Next.js, Nuxt.js, React Helmet, Vue Meta gibi framework'lerin head yönetim çözümlerini kullanıyorsanız, framework'ün JSX/Vue şablon sözdizimine göre hafif ayarlamalar gerekebilir, ancak etiket özellikleri ve değerleri doğrudan yeniden kullanılabilir.

Neden bir og:image doldurmak zorundayım? Görsel olmazsa ne olur?

og:image, sosyal paylaşım kartlarının görsel efektini ve tıklama oranını doğrudan etkiler. og:image olmayan bağlantılar Facebook, Twitter, LinkedIn, WeChat ve diğer platformlara paylaşıldığında ya herhangi bir görsel önizleme olmadan çıplak metin bağlantıları gösterir ya da platform sayfadan rastgele küçük bir görsel alır (logo, avatar, reklam görseli veya hatta ilgisiz görsel olabilir), bu da son derece kötü görüntülemeyle sonuçlanır, tıklama oranları genellikle doğru önizleme görselleri olan paylaşımlardan %50+ daha düşüktür. Önerilen og:image boyutu 1200×630 pikseldir (1.91:1 oranı), herkese açık erişilebilir mutlak URL olmalıdır, dosya boyutu 5MB'ı geçmemelidir.

Hem Open Graph hem de Twitter Card etiketlerinin yapılandırılması gerekiyor mu? Sadece OG yapılandırmak sorun olur mu?

Twitter/X platformu Open Graph etiketlerini yedek olarak okur — hiçbir twitter: önekli etiket yapılandırmazsanız, Twitter kartlar oluşturmak için og:title, og:description, og:image kullanmaya çalışacaktır. Ancak özellikle Twitter Cards yapılandırmanın çeşitli faydaları vardır: ① en uygun twitter:card türünü seçebilirsiniz (özellikle summary_large_image büyük görsel türü; OG varsayılan olarak büyük görsel stiline gelmeyebilir); ② twitter:site ayarlayarak resmi Twitter hesabınızı ilişkilendirebilir, takip dönüşümlerini artırabilirsiniz; ③ başlığı/açıklamayı Twitter için ayrı ayrı optimize edebilir, OG'den ayırt edebilirsiniz. Her ikisini de yapılandırmanızı öneririz; bu araç aynı anda üretmeyi destekler, esasen aynı çabayla.

Başlık ve meta description uzunlukları önerilen aralığı aşarsa ne olur? Ceza alırlar mı?

Uzunluğu aşmak arama motoru cezalarına neden olmaz, ancak içerik kesilir. Google arama sonuçlarında, başlığın yaklaşık 600 piksel genişliğini (yaklaşık 50-60 karakter) aşan kısımları üç nokta ile kesilir ve kullanıcılar tam başlığı göremez; meta description'ın yaklaşık 920 piksel genişliğini (yaklaşık 120-160 karakter) aşan kısmı da kesilir. Çok kısa olmanın sorunu, değerli görüntüleme alanını israf etmesi, sayfa değerini tam olarak iletememesi ve tıklamaları çekememesidir. Bunun tam karakter sayısı limiti değil, piksel genişliği limiti olduğunu unutmayın — tam genişlikte karakterler, büyük harfler, W/M gibi geniş harfler ve emoji daha fazla genişlik kaplar, bu nedenle gerçek görüntüleme karakter sayısından daha önce kesilebilir. Bu aracın renk göstergeleri, karakter sayısına dayanan en iyi uygulama referanslarıdır.

HTML entity kaçışı ne anlama geliyor? Araç bunu neden otomatik olarak yapıyor?

HTML'deki belirli karakterlerin özel sözdizimsel anlamı vardır; bunları doğrudan öznitelik değerlerine yazmak HTML yapısını bozar: çift tırnak " öznitelik değeri sonlandırıcıdır, doğrudan yazmak etiketlerin erken kapanmasına neden olur; & entity kaçış başlangıcıdır; < ve > etiket sınırlayıcılarıdır. Bu karakterlerin doğru görüntülenmesi için entity formunda yazılması gerekir: & → &, < → <, > → >, " → ", ' → '. Başlığınızda veya açıklamanızda &, tırnak, açılı parantez veya diğer özel karakterler varsa, kaçış yapmadan yazmak HTML sözdizimi hatalarına neden olur ve sonraki etiketlerin hepsini geçersiz kılabilir. Bu araç bu kaçışı otomatik olarak halleder; sadece orijinal metni doğrudan girin, manuel kaçış yapmanıza gerek yok.

Neden Facebook/Twitter tarayıcıları React/Vue ile yazdığım sayfalardan Meta etiketlerini yakalayamıyor?

Çünkü React, Vue ve Angular gibi modern ön uç framework'leri varsayılan olarak istemci tarafı işlemeyi (CSR) kullanır — HTML kaynağı boştur veya sadece bir kapsayıcı div içerir ve Meta etiketleri tarayıcı JavaScript'i yürüttükten sonra DOM'a dinamik olarak eklenir. Ancak Facebook'un facebookexternalhit'i, Twitterbot, LinkedInBot ve WeChat tarayıcısı gibi çoğu sosyal platform tarayıcısı JavaScript yürütmez (veya çok sınırlı yürütme yeteneğine sahiptir); taradıkları ham HTML Meta etiketleri içermez, doğal olarak paylaşım kartları oluşturamaz. Çözümler: ① Next.js, Nuxt.js, Gatsby, Astro gibi framework'lerle SSR (Sunucu Taraflı İşleme) veya SSG (Statik Site Üretimi) kullanın, tam Meta etiketlerini sunucu tarafında HTML kaynağına işleyin; ② prerender.io, Rendertron gibi ön işleme hizmetlerini kullanarak tarayıcılara statik HTML döndürün; ③ özel OG görüntü üretme hizmetlerini kullanarak etiketleri dinamik olarak oluşturun.

Aynı sayfa için canonical ve og:url aynı şekilde doldurulmalı mı?

Evet, tutarlı olmalıdırlar. Canonical etiketi arama motorları içindir, onlara tercih edilen URL'i söyler; og:url sosyal platformlar içindir, onlara bu içerik için benzersiz URL'i söyleyerek beğenileri, yorumları ve paylaşım sayılarını toplar. İkisinin de aynı URL'e işaret etmesi en iyi uygulamadır, otorite seyrelmesini ve sosyal sayı parçalanmasını önler. Her ikisinin de tam mutlak URL'ler olması gerektiğini unutmayın (https://, etki alanı, tam yol dahil), göreli yollar değil. URL'lerde UTM parametreleri veya izleme parametreleri varsa, hem canonical hem de og:url parametresiz temiz URL'e işaret etmelidir.

noindex sayfalarındaki bağlantılar hala tarayıcılar tarafından taranır mı? Otorite aktarırlar mı?

noindex "bu sayfayı dizinleme" anlamına gelir, "tarama" değil ve "bağlantıları takip etme" değil. Tarayıcılar hala noindex sayfalarını alır (noindex etiketini görebilmelerinin tek yolu budur) ve robots meta ayrıca follow ayarlarsa (ki bu varsayılandır), tarayıcılar sayfadaki bağlantıları taramaya devam edecektir. Ancak otorite aktarımı konusunda: Google'ın resmi açıklaması, noindex sayfaların sonunda dizinden kaldırıldığı ve bu sayfalardaki bağlantı ağırlığının normal şekilde aktarılmadığıdır (çünkü sayfanın kendisi dizinlenmez). Yani tarayıcıların belirli bir sayfa aracılığıyla diğer sayfalara ulaşmasını istiyorsanız ancak o sayfanın kendisini dizinlenmesini istemiyorsanız, noindex,follow işe yarar, ancak noindex sayfaların normal sayfalar gibi ağırlık aktarmasını beklemeyin.

Hangi tarayıcılar theme-color'ı destekliyor? iOS Safari destekliyor mu?

theme-color şu anda şu şekilde destekleniyor: Android'deki Chrome/Firefox/Edge/Brave ve diğer Chromium tabanlı tarayıcılar uzun zamandır destekliyor ve en belirgin efektlere sahip; Safari, iOS 15 ve macOS Monterey'den beri theme-color'ı destekliyor, ancak Safari'nin uygulaması biraz farklı — sayfa arka plan rengine göre otomatik olarak ayarlanır ve ayrıca media özelliğini kullanarak açık/koyu mod için farklı renkler ayarlamayı destekler. Masaüstü Chrome da belirli sürümlerden beri sekme çubuklarında vb. theme-color uygular. IE ve eski tarayıcılar desteklemez, ancak desteklememesi bir sorun teşkil etmez — sadece tema rengi efekti olmaz, herhangi bir işlevselliğe etkisi yoktur. Önerilen tema rengi, görsel tutarlılık için web sitesi üstbilgi/gezinme çubuğu rengiyle eşleşmelidir.

Google arama sonuçları bazen yazdığımdan farklı bir açıklama gösteriyor, neden?

Google, yazdığınız meta description'ı %100 kullanmayı garanti etmez. Google, açıklamanızın kullanıcının arama sorgusuyla yeterince alakalı olmadığını veya açıklama kalitesinin düşük olduğunu (örneğin, anahtar kelime doldurma, site genelinde aynı, içerikle uyumsuz) düşündüğünde, Google otomatik olarak sayfa gövdesi içeriğinden arama terimiyle en ilgili olduğunu düşündüğü bir alıntıyı görüntülenen arama sonucu açıklaması olarak çıkarır. Bu normal Google davranışıdır, bir hata değildir. Açıklamanın kullanılma olasılığını artırmak için: ① Her sayfa için benzersiz, doğru içerik açıklayan açıklamalar yazın; ② Açıklamada sayfa çekirdek anahtar kelimelerini doğal bir şekilde dahil edin, doldurmayın; ③ Uzunluğu makul aralıkta tutun, çok kısa olmayın; ④ Açıklama içeriği gerçekten sayfa gövdesinde yansıtılmalıdır. Google bazen yeniden yazsa bile, yine de açıklamaları özenle yazmalısınız — bu, görüntülemeyi aktif olarak kontrol etmenizin birincil yoludur.

Etiketleri yapılandırdıktan sonra, doğru şekilde etkilediklerini nasıl doğrularım? Hangi kontrol araçları mevcuttur?

Meta etiketlerini doğrulamak birkaç adım ve araç içerir: ① Önce tarayıcının "Sayfa Kaynağını Görüntüle" seçeneğini kullanarak ham HTML kaynağında title, description, og: ve diğer etiketleri arayın, var olduklarını ve doğru içeriğe sahip olduklarını kontrol edin (not: kaynak kodu, Elements paneli değil, çünkü kaynak sunucunun döndürdüğüdür; CSR kaynakta görünmez); ② OG etiketlerini doğrulamak ve önbelleği yenilemek için Facebook Sharing Debugger'ı kullanın; ③ Twitter Cards'ı doğrulamak için Twitter Card Validator'ı kullanın; ④ Temel etiketleri kontrol etmek için Google Rich Results Test'i kullanın; ⑤ Google'ın gerçekte ne taradığını, dizinleme durumunu görmek için Google Search Console'un "URL Denetimi" aracını kullanın; ⑥ Yerel test için, tarayıcı kullanıcı ajanı değiştiriciyi kullanarak sosyal medya tarayıcılarını simüle edin veya Facebook UA ile curl komutunu kullanarak tarayın ve döndürülen HTML'i kontrol edin.

Her sayfanın ayrı ayrı yapılandırılmış Meta etiketlerine ihtiyacı var mı? Site genelinde bir takım etiket kullanmak sorun olur mu?

Kesinlikle hayır! Her sayfanın benzersiz title ve meta description'ı olmalıdır. Site genelindeki tüm sayfalar aynı başlık ve açıklamayı kullanırsa, arama motorları farklı sayfaların içerik konularını ayırt edemez: ① Arama motorları her sayfanın ne hakkında olduğunu bilemez ve doğru şekilde sıralayamaz; ② Tüm sayfalar arama sonuçlarında aynı başlığı ve açıklamayı gösterir, kullanıcılar hangisine tıklayacağını bilemez, bu da son derece düşük CTR ile sonuçlanır; ③ Arama motorları tarafından düşük kaliteli site olarak değerlendirilebilir, tüm site otoritesini etkiler. OG ve Twitter Card etiketleri de prensip olarak sayfa başına farklı olmalıdır. Sadece theme-color, og:site_name, twitter:site gibi site düzeyindeki yapılandırmalar site genelinde birleştirilebilir; diğer tüm etiketler sayfa içeriğine göre ayrı ayrı yapılandırılmalıdır.

Şimdi hala meta keywords yazmalı mıyım? Kaç tane uygundur?

Google, Bing, Baidu ve diğer ana akım arama motorları 2026'da meta keywords'i sıralama faktörü olarak kullanmıyor; yazıp yazmamanız ve ne yazdığınız esasen SEO'yu etkilemez. CMS'niz veya şablonunuz bu alana sahipse, birkaç saniye harcayarak 3-5 çekirdek anahtar kelime doldurun; anahtar kelime seçimini ve yoğunluğunu çok fazla düşünerek zaman harcamayın. Önemli olan: düzinelerce anahtar kelime doldurmayın, aynı kelimeyi birçok kez tekrarlamayın, alakasız popüler terimler yazmayın — although anahtar kelimelerin kendileri sıralama için kullanılmasa da, aşırı doldurma arama motorları tarafından spam sinyali olarak değerlendirilebilir, bu da ters teper. Web sitenizde keywords alanı yoksa veya doldurmakla uğraşmıyorsanız, tamamen boş bırakmak da sorun değildir ve sıralamalar üzerinde olumsuz bir etkisi yoktur.

robots meta etiketleri ile robots.txt arasındaki fark nedir? Hangisinin önceliği daha yüksektir?

İkisi farklı düzeylerde ve mekanizmalarda çalışır: ① robots.txt, web sitesi köküne yerleştirilen bir metin dosyasıdır, site veya dizin düzeyinde tarayıcı davranışını kontrol eder, örneğin, Disallow: /admin/ tüm tarayıcılara /admin/ dizinini taramamalarını söyler; ancak robots.txt bir "beyler sözleşmesi"dir — uyumlu tarayıcılar buna saygı duyar ve taranması yasaklanan sayfaların harici bağlantıları onları işaret ediyorsa, yine de dizinlenebilirler sadece açıklamalar olmadan. ② robots meta, her sayfanın HTML head'ine yerleştirilen sayfa düzeyinde bir etikettir, tek tek sayfanın index/noindex/follow/nofollow vb. davranışını hassas bir şekilde kontrol edebilir, robots.txt'den daha yüksek önceliğe sahiptir. ③ X-Robots-Tag, HTTP yanıt başlığı düzeyindedir, robots meta ile aynı işlevselliğe sahiptir ancak HTTP başlıkları aracılığıyla döndürülür, HTML olmayan dosyaların (örneğin, PDF, görseller) dizinleme kontrolü için kullanılabilir. Sayfaların dizinlenmesini tamamen önlemek için noindex kullanmalısınız (meta veya X-Robots-Tag); yalnızca robots.txt Disallow'a güvenmek dizinlenmeme garantisi veremez.

Bu araçla Meta etiketleri oluşturduktan sonra, hala Schema.org yapılandırılmış verilerini (JSON-LD) yapılandırmam gerekiyor mu?

Meta etiketleri ve Schema.org yapılandırılmış verileri tamamlayıcıdır, yerine geçmez. Meta etiketleri esas olarak şunları ele alır: arama motoru sonuç sayfası başlıkları/açıklamaları, sosyal platform paylaşım kartları, temel tarayıcı kontrolü. Schema.org yapılandırılmış verileri (tipik olarak JSON-LD olarak sayfalara gömülür) şunları ele alır: Zengin Alıntılar, örneğin ürün derecelendirme yıldızları, fiyat/stok, ekmek kırıntısı navigasyonu, makale yayın tarihleri, SSS akordeon blokları, etkinlik saatleri/konumları ve diğer geliştirilmiş görüntülemeler, bunlar CTR'yi daha da artırabilir. Önemli sayfalar için her ikisini de yapılandırmanızı öneririz: ① Temel Meta etiketleri (bu araç tarafından üretilen içerik); ② İlgili sayfa türü için Schema.org yapılandırılmış verileri. İkisi çelişmez, birlikte arama görüntüleme efektlerini optimize eder.

Sorun Giderme

Bağlantıları Facebook/Twitter/LinkedIn'e paylaştığınızda görseller görüntülenmiyor veya görüntülenen görsel ayarlanan og:image değil

og:image URL'i göreli yol veya localhost/127.0.0.1/dahili IP kullanıyor; sosyal platform tarayıcıları genel adreslere erişemez Görsel robots.txt tarafından engelleniyor veya sunucu/WAF/CDN/güvenlik duvarı Facebook/Twitter tarayıcı User-Agent'larını (facebookexternalhit/Twitterbot/LinkedInBot) engelliyor Görsel boyutu gereksinimleri karşılamıyor: og:image 200×200 pikselden küçükse göz ardı edilir; summary_large_image 300×157'den küçükse düşürülür Görsel dosyası çok büyük (5MB-8MB'ı aşan) veya format desteklenmiyor (sadece JPG/PNG/WebP/GIF desteklenir; SVG bazı platformlar tarafından desteklenmez) Etiketler JavaScript ile istemci tarafında dinamik olarak işlenir; sosyal platform tarayıcıları JS yürütmez, sadece SSR/SSG taranabilir og:image URL'i 404/403/5xx hatası döndürüyor veya giriş sayfasına/hata sayfasına yönlendiriyor Platform eski görselsiz sürümü önbelleğe aldı; etiketleri değiştirdikten sonra resmi Debugger aracıyla önbelleği yenilemek için zorla Tekrar Tara kullanılmadı

Google arama sonuçlarında başlık kesiliyor ve tam görüntülenmiyor veya Google başlığı otomatik olarak yeniden yazdı

Başlık uzunluğu 50-60 karakteri (veya yaklaşık 600 piksel genişliği) aşıyor, fazlası üç nokta ile kesiliyor Başlık ekstra genişlik kaplayan tam genişlikte özel semboller, emoji içeriyor ve erken kesilmesine neden oluyor; gerçek görüntüleme uzunluğu karakter sayısından daha kısa Başlık anahtar kelime doldurma veya sayfa içeriğiyle uyumsuzluk; Google başlığınızı yanlış kabul ediyor ve başlığı yeniden yazmak için sayfa gövdesinden veya çapa metninden başka metinler alıyor Her sayfanın başlıkları yineleniyor veya yüksek oranda benzer; Google sayfaları ayırt edemiyor ve otomatik olarak farklı başlıklar üretiyor Başlık sadece marka adı içeriyor, sayfa konusu açıklaması yok veya marka adı çok uzun ve çok fazla yer kaplıyor |, -, _ gibi çok fazla ayırıcı kullanılıyor veya standart olmayan ayırıcı kullanımı, Google'ın ayırıcı doldurması olarak yargılamasına neden oluyor Sayfada dağınık h1-h6 başlık hiyerarşisi veya birden fazla h1 etiketi var; Google h1 içeriğini kullanarak başlığı yeniden yazabilir

Meta etiketi yapılandırmasından sonra sayfada bozuk metin görünüyor, özel karakterler anormal görüntüleniyor veya HTML sözdizimi hataları oluşuyor

Yapılandırılan canonical etiketleri etkilemiyor, yinelenen URL'ler hala dizinleniyor veya canonical arama motorları tarafından yok sayılıyor

Canonical'ın işaret ettiği URL 404/403/5xx hatası döndürüyor veya başka bir sayfaya yönlendiriyor; arama motorları canonical sürümüne erişemiyor A Sayfası B'ye canonical, B Sayfası A'ya canonical (dairesel canonical) veya A→B→C→D zinciri canonicals arama motorlarını karıştırıyor Canonical, içeriği önemli ölçüde farklı olan sayfalara işaret ediyor (yüksek oranda yinelenen/aynı içerik değil); arama motorları canonical ayarını yanlış kabul ediyor ve yok sayıyor Canonical, tam mutlak URL (href="https://example.com/page") yerine göreli yol (örneğin, href="/page") kullanıyor Web sitesinin birden fazla protokol/etki alanı sürümü (http/https, www/non-www) birbirlerine canonical olarak işaret ediyor, ancak 301 yönlendirmeleri düzgün yapılandırılmamış Sayfalanmış sayfalar (örneğin, ?page=2, ?page=3) hepsi ilk sayfaya canonical, sonraki içeriğin dizinlenmemesine neden oluyor; arama motorları böyle makul olmayan canonicals'ı yok sayıyor Aynı sayfa HTML'deki link etiketi, HTTP yanıt başlığı Link: <...>; rel="canonical" ve Site Haritası aracılığıyla aynı anda farklı canonical URL'ler bildiriyor; öncelik çakışması

Meta etiketlerini değiştirdikten sonra tekrar paylaşmak hala eski başlıkları, açıklamaları veya görselleri gösteriyor; güncellenmiş efektleri göremiyorum

Sosyal platformlar (Facebook/Twitter/LinkedIn) OG/Twitter Card bilgilerini uzun süre önbelleğe alır (potansiyel olarak günler ila haftalar), her paylaşımda yeniden taramaz Karşılık gelen platformların resmi hata ayıklama araçları (Facebook Sharing Debugger, Twitter Card Validator, LinkedIn Post Inspector) önbelleği yenilemek için Tekrar Tara/yeniden tarama yürütmek için kullanılmadı CDN (Cloudflare vb.) eski HTML sayfalarını önbelleğe aldı; tarayıcılar CDN tarafından önbelleğe alınmış eski sürümleri alıyor Sunucu tarafı, SSR önbelleği, WordPress önbellek eklentileri, Redis sayfa önbelleği vb. temizlenmedi; çıktı hala eski HTML og:image ve diğer kaynak URL'leri değişmedi ancak görsel içeriği güncellendi; tarayıcılar ve platformlar URL'ye göre önbelleğe alır; güncellemeyi zorlamak için ?v=2 ve diğer sürüm parametreleri eklemek gerekir Etiketleri değiştirdikten sonra sayfa üretime düzgün şekilde dağıtılmadı; dosyalar yerel olarak değişti ancak üretim ortamı hala eski sürüme sahip Meta etiketleri HTML gövde alanına yerleştirildi veya JS ile dinamik olarak eklendi; tarayıcılar yeni etiketleri hiç okumaz, hala daha önce önbelleğe alınmış sürümleri okur

Yanlışlıkla noindex,nofollow ayarlamak tüm web sitesinin veya önemli sayfaların Google tarafından dizinlenmemesine neden oluyor, aranamaz hale geliyor

Geliştirme/hazırlama ortamı noindex,nofollow etiketleri lansman sırasında kaldırılmadı; tüm site noindex ile canlıya çıktı WordPress ve diğer CMS arka ucundaki "Arama motorlarının bu siteyi dizinlemesini teşvik etme" seçeneği işaretlendi, tüm sayfalara otomatik olarak noindex ekledi robots.txt ayrıca Disallow ayarladı, tarayıcıların sayfaları bile alamamasına ve böylece noindex'i görememesine neden oldu; ancak harici bağlantılar işaret ediyorsa sayfalar yine de dizinlenebilir HTTP yanıt başlığı X-Robots-Tag: noindex döndürüyor (meta etiketlerinden daha yüksek öncelik, birçok kişi yanıt başlıklarını fark etmez), örneğin Nginx/Apache yapılandırmasından, CDN ayarlarından CDN/WAF/güvenlik eklentileri otomatik olarak noindex başlıkları ekler (bazı güvenlik eklentileri yanlış çalışır veya varsayılan ayarlara sahiptir) Yanlış kombinasyon yönergeleri kullanıldı, örneğin noindex index olarak yazıldı ancak diğer parametreler çakışıyor veya site genelindeki şablon noindex içeriyor ve sadece ana sayfa kaldırılırken iç sayfalar hala sahip Web sitesini hazırlama/testten üretime geçirirken temel URL, canonical, robots yapılandırmaları güncellenmedi; hazırlama ortamı noindex üretime taşındı

Sözlük

Meta tag: Head bölümüne yerleştirilen HTML meta etiketleri, sayfa meta verilerini tanımlamak, tarayıcılara, arama motorlarına ve sosyal platformlara sayfa başlığı, açıklaması, yazarı, tarayıcı kuralları ve diğer bilgileri iletmek için kullanılır.
title: HTML title etiketi, tarayıcı sekme başlığını ve arama motoru sonuç sayfalarındaki (SERP) tıklanabilir başlığı tanımlar; en önemli SEO etiketi, önerilen uzunluk 50-60 karakter.
meta description: Sayfa açıklama meta etiketi, SERP başlığının altında açıklama metni olarak görüntülenir; doğrudan sıralamaları etkilemez ancak tıklama oranını (CTR) önemli ölçüde etkiler, önerilen uzunluk 120-160 karakter.
meta keywords: Anahtar kelimeler meta etiketi, erken arama motorları tarafından sayfa konularını belirlemek için kullanılıyordu; suiistimal nedeniyle Google 2009'da artık kullanılmadığını duyurdu, şu anda esasen hiçbir SEO değeri yoktur.
canonical: Canonical bağlantı etiketi (rel="canonical"), arama motorlarına birden fazla benzer URL arasında hangisinin tercih edilen sürüm olduğunu söyler, yinelenen içerik, parametre URL'leri, tercih edilen etki alanları ve diğer sorunları çözmek için kullanılır.
Open Graph: Facebook tarafından 2010'da başlatılan sosyal paylaşım meta veri protokolü, og: önekli etiketler kullanarak sosyal platformlarda bağlantı paylaşım kartı stillerini kontrol eder, Facebook, LinkedIn, WhatsApp, Slack ve neredeyse tüm platformlar tarafından desteklenir.
Twitter Card: twitter: önekli etiketler kullanan Twitter/X platformu paylaşım kartı protokolü, dört kart türünü destekler: summary, summary_large_image, app, player; Twitter tarafından OG etiketlerinden öncelikli olarak okunur.
og:type: Open Graph sayfa türü etiketi, içerik türünü belirtir; yaygın değerler website (genel site), article (makale), product (ürün), profile (kişisel profil) olup, sosyal platformların içeriği nasıl ayrıştıracağını belirler.
og:image: Open Graph paylaşım görseli etiketi, sosyal paylaşım kartı önizleme görseli URL'ini belirtir; önerilen boyut 1200×630 piksel (1.91:1 oranı), herkese açık erişilebilir mutlak URL olmalıdır.
twitter:card: Twitter Card türü etiketi, paylaşım kartı türünü belirtir; değerler summary (küçük görsel), summary_large_image (büyük görsel), app (uygulama), player (oynatıcı); gerekli bir Twitter Card etiketidir.
robots meta: Tarayıcı kontrol meta etiketi, sayfa düzeyinde arama motorlarına dizinlenip dizinlenmeyeceğini (index/noindex), bağlantıların takip edilip edilmeyeceğini (follow/nofollow), anlık görüntülerin gösterilip gösterilmeyeceğini (noarchive) vb. söyler; robots.txt'den daha yüksek önceliğe sahiptir.
noindex: robots yönergelerinden biri, arama motorlarının sayfayı dizinlemesini yasaklar; sayfa arama sonuçlarında görünmeyecektir. Tarayıcılar hala bu etiketi okumak için sayfayı alır ancak dizinlemez. Yaygın olarak test sayfaları, dahili sayfalar, düşük değerli sayfalar için kullanılır.
nofollow: robots yönergelerinden biri, arama motoru tarayıcılarının sayfadaki tüm bağlantıları takip etmesini yasaklar (tek tek bağlantılardaki rel="nofollow"'dan farklıdır); yaygın olarak kullanıcı tarafından oluşturulan içerik, reklam bağlantıları, güvenilmeyen harici bağlantı sayfaları için kullanılır.
theme-color: Tarayıcı tema rengi meta etiketi, mobil tarayıcı adres çubuğunun/araç çubuğunun rengini tanımlar; Android Chrome, Safari 15+ ve diğer tarayıcılarda etkilidir, daha sürükleyici markalı bir deneyim sağlar.
author meta: Yazar meta etiketi (name="author"), içerik oluşturucu bilgilerini bildirir; blog ve haber sitelerinde article:author ile birlikte içerik yazarlarını tanımlamak için kullanılır.
HTML entity: HTML entity kaçış karakterleri, HTML'de özel karakterleri güvenli bir şekilde görüntülemek için kullanılır, örneğin & için &, < için <, > için >, " için ", ' için ', sözdizimi hatalarını ve XSS sorunlarını önler.
SERP: Search Engine Results Page (Arama Motoru Sonuç Sayfası), kullanıcıların Google/Baidu ve diğer arama motorlarına anahtar kelimeler girdikten sonra döndürülen sonuç sayfası anlamına gelir, başlıklar, açıklamalar, URL'ler, zengin medya alıntıları ve diğer öğeleri içerir.
CTR: Click-Through Rate (Tıklama Oranı), arama sonuçları görüntülendikten sonra tıklayan kullanıcıların oranıdır. CTR çekirdek SEO metriklerinden biridir, doğrudan başlık ve meta description çekiciliğinden etkilenir ve ayrıca Google'ın sıralama algoritmasında bir kullanıcı sinyalidir.
crawl budget: Tarama bütçesi, arama motorlarının belirli bir süre içinde web sitenize ayırdığı tarama sayısı ve sayfa sayısıdır. robots meta, canonical, noindex'in doğru kullanılması, düşük değerli sayfalarda tarama bütçesinin israfını önleyebilir, önemli sayfaların daha sık taranmasını sağlayabilir.
viewport: Viewport meta etiketi (name="viewport"), modern duyarlı web sayfaları için gereklidir, mobilde sayfa işleme genişliğini ve ilk yakınlaştırmayı kontrol eder; standart yapılandırma width=device-width, initial-scale=1.0'dır.

Yaygın Meta Etiketleri Listesi ve Özellik Referans Tablosu

Etiket Adı	Amacı	Özellik/Kullanım Örneği	Notlar
`title`	Sayfa başlığı, tarayıcı sekmesi ve SERP başlığı	`<title>Sayfa Başlığı \| Marka</title>`	Önerilen 50-60 karakter, çekirdek anahtar kelimeleri öne yerleştir, marka adını sona koy, sayfa başına benzersiz
`meta description`	Sayfa açıklaması, SERP'de gösterilen açıklama metni	`<meta name="description" content="...">`	Önerilen 120-160 karakter, anahtar kelimeler ve CTA ekle, sayfa başına benzersiz
`meta keywords`	Anahtar kelimeler etiketi	`<meta name="keywords" content="kelime1,kelime2,kelime3">`	Google/Bing/Baidu ve diğer ana akım arama motorları artık kullanmıyor, öncelikli yapılandırmaya gerek yok
`link canonical`	Canonical bağlantı, tercih edilen URL'i belirtme	`<link rel="canonical" href="https://example.com/page">`	Tam mutlak URL yazılmalıdır, yinelenen içerik sorunlarını çözer, zincir halinde ayarlama
`meta robots`	Tarayıcı kontrolü, sayfa düzeyinde dizinleme/takip kuralları	`<meta name="robots" content="index,follow">`	robots.txt'den daha yüksek öncelik; noindex dizinlemeyi gerçekten engelleyen şeydir
`meta charset`	Karakter kodlaması bildirimi	`<meta charset="UTF-8">`	Head'in en başına yerleştirilmelidir; modern web sayfaları tek tip olarak UTF-8 kullanır
`meta viewport`	Mobil görünüm kontrolü	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`	Duyarlı web sayfaları için gereklidir; yapılandırılmazsa mobil deneyim çok kötüdür
`meta author`	Sayfa yazarı bilgisi	`<meta name="author" content="Yazar Adı">`	İçerik oluşturucuyu tanımlar; blog/haber siteleri için kullanılır
`meta theme-color`	Mobil tarayıcı tema rengi	`<meta name="theme-color" content="#2563eb">`	Android Chrome/Safari 15+ destekler; marka birincil rengi kullanılması önerilir
`og:title`	Open Graph paylaşım başlığı	`<meta property="og:title" content="...">`	Sosyal paylaşım kartı başlığı, SEO başlığından farklı olabilir, daha tıklama çekici
`og:description`	Open Graph paylaşım açıklaması	`<meta property="og:description" content="...">`	Sosyal kart açıklaması, önerilen 200 karakter altında
`og:image`	Open Graph paylaşım görseli	`<meta property="og:image" content="https://.../img.jpg">`	Önerilen 1200×630 piksel, mutlak URL, herkese açık erişilebilir, dosya <5MB
`og:url`	Open Graph canonical URL	`<meta property="og:url" content="https://example.com/page">`	Canonical ile tutarlı olmalı, beğeni ve paylaşımları toplamak için kullanılır
`og:type`	Open Graph içerik türü	`<meta property="og:type" content="website">`	Seçenekler: website/article/product/profile; farklı türler farklı genişletilmiş özellikleri destekler
`og:site_name`	Open Graph site adı	`<meta property="og:site_name" content="GeekFormat">`	Genel web sitesi adını görüntüler, sayfa başlığından ayırt edilir
`twitter:card`	Twitter Card türü	`<meta name="twitter:card" content="summary_large_image">`	Seçenekler: summary/summary_large_image/app/player
`twitter:site`	Twitter resmi hesabı	`<meta name="twitter:site" content="@kullaniciadi">`	Web sitesi/marka Twitter @handle'ını doldurun
`twitter:image`	Twitter Card görseli	`<meta name="twitter:image" content="https://.../img.jpg">`	Doldurulmazsa og:image'a geri döner; summary türü için 1:1, büyük tür için 2:1 kullanın

og:type Kullanım Senaryosu Referans Tablosu

og:type Değeri	Kullanım Senaryosu	Önerilen Görsel Oranı	Genişletilebilir Etiketler
`website`	Web sitesi ana sayfası, genel sayfalar, Hakkımızda, İletişim ve diğer içerik/ürün olmayan sayfalar	`1.91:1 (1200×630)`	Temel og: etiketleri yeterli, özel uzantı yok
`article`	Blog yazıları, basın bültenleri, bilgi belgeleri, eğitimler, köşe yazısı içeriği ve diğer zamana bağlı içerik	`1.91:1 (1200×630)`	article:published_time (yayınlama zamanı), article:modified_time (değiştirme zamanı), article:author (yazar), article:section (kategori), article:tag (etiketler)
`product`	E-ticaret ürün detay sayfaları, ürün sayfaları, ücretli hizmet sayfaları, SaaS ürün açılış sayfaları	`1.91:1 (1200×630); ürün görselleri kare veya 4:3 önerilir`	product:price:amount (fiyat), product:price:currency (para birimi örn. TRY/USD), product:availability (stok durumu), product:brand (marka)
`profile`	Kişisel ana sayfalar, kullanıcı profil sayfaları, yazar sayfaları, kişisel özgeçmiş sayfaları	`1:1 avatar görseli veya 1.91:1 kapak görseli`	profile:first_name (ad), profile:last_name (soyad), profile:username (kullanıcı adı), profile:gender (cinsiyet)

twitter:card Türü Referans Tablosu

twitter:card Türü	Kart Stili	Görsel Gereksinimleri	Kullanım Senaryosu	Ek Gerekli Alanlar
`summary`	Küçük görsel özet kart, solda/üstte küçük görsel, sağda/altta metin	Minimum 144×144 piksel, 1:1 kare, <5MB	Sıradan makaleler, sayfalar, araç sayfaları, genel içerik	Zorunlu ek alan yok; temel etiketleri doldurun
`summary_large_image`	Büyük görsel özet kart, üstte tam genişlikte banner, güçlü görsel etki	Minimum 300×157 piksel, önerilen 1200×675, yaklaşık 2:1 oranı, <5MB	Blog yazıları, ürün sayfaları, kampanya sayfaları, yüksek tıklama oranı isteyen içerik (varsayılan olarak önerilir)	Zorunlu ek alan yok; görsel boyutunun gereksinimleri karşıladığından emin olun
`app`	Uygulama indirme kartı, uygulama simgesi, adı, derecesi, indirme düğmesini görüntüler	Uygulama logosu kare görsel, 144×144 veya daha büyük	iOS/Android Uygulama indirme sayfaları, mobil uygulama tanıtım sayfaları	twitter:app:name:iphone/ipad/googleplay, twitter:app:id:iphone/ipad/googleplay (uygulama mağazası kimliği), twitter:app:url:iphone/ipad/googleplay (özel şema)
`player`	Video/ses oynatıcı kart, akışa doğrudan gömülü medya oynatıcı	Oynatıcı kapak görseli, oynatıcı sayfası HTTPS olmalı	Video içerik sayfaları, podcast'ler, ses sayfaları, canlı yayın sayfaları	twitter:player (oynatıcı URL, HTTPS), twitter:player:width (oynatıcı genişliği), twitter:player:height (oynatıcı yüksekliği), twitter:player:stream (video/ses akışı URL), Twitter beyaz liste onayı gerektirir