Helping Your Business Grow With SEO & Design
Freelance SEO & Google Ads Specialist | Creative Design Services

SEO Bookmarklet Nedir? 12+ Ücretsiz Araç

Tek tıkla çalışan mini JavaScript araçlarıyla başlık, meta, link ve hız analizini saniyeler içinde yapın — eklentisiz ve tamamen ücretsiz.

📅 13 Ekim 2025👤 Sherife Ahmed Arabacıoğlu⏱️ 10–12 dakika okuma

📋 İçindekiler

  1. Neden Bookmarklet Kullanmalısınız?
  2. SEO Bookmarklet Nedir?
  3. Kullanım Alanları & İleri Düzey Örnekler
  4. Adım Adım Kurulum Rehberi
  5. Bookmarklet Kullanmanın 5 Avantajı
  6. 14 Hazır Bookmarklet Kodu
  7. Yeni Başlayanlar İçin 7 Günlük Plan
  8. Güvenlik ve Kullanım İpuçları
  9. Kendi Bookmarklet'inizi Yazın
  10. Sonuç
  11. Sık Sorulan Sorular

🚀 Neden SEO Bookmarklet Kullanmalısınız?

Hızlı kararlar, güçlü SEO’nun önünü açar. Toplantıda ani bir kontrol mü istendi? Yoksa yeni yayınlanan bir yazı için hızlı kalite denetimi mi gerekiyor?

Öncelikle ağır yazılımlar açmakla vakit kaybetmeyin. Bunun yerine tek tıkla başlık yapısını, meta açıklamayı ve bağlantı düzenini görün. Ardından dilerseniz PageSpeed, mobil uyumluluk veya zengin sonuç testine saniyeler içinde geçiş yapın. Böylece bulgular, ekip içi eğitimlerde de görsel olarak kolayca gösterilir.

Sonuç olarak denetimler kısalır, karar süreçleri hızlanır ve tekrar edilebilir bir kontrol rutini oluşur. Üstelik bu yaklaşım, hem uzmanlar hem de yeni başlayanlar için öğrenme eğrisini önemli ölçüde kısaltır.

Kısaca: Yer imi çubuğundaki küçük bir JavaScript koduyla başlık hiyerarşisini vurgulayın, meta açıklamayı görün, canonical’ı doğrulayın ve gerekirse hız testine gidin — hepsi tek tıkla.

💡 SEO Bookmarklet Nedir?

SEO bookmarklet, klasik yer imlerinden farklı olarak bir web adresi değil, bir JavaScript işlevi barındırır. Tıklandığı anda aktif sayfada çalışır ve anında çıktı üretir.

Örneğin sayfa başlığını ve meta açıklamayı tek pencerede görebilirsiniz. Ayrıca H1–H6 düzenini saniyeler içinde denetlemek, bağlantı türlerini işaretlemek ve canonical değerini doğrulamak da mümkündür. Üstelik tüm bunlar için eklenti kurmanıza gerek yoktur.

Dolayısıyla bookmarklet’ler, hızlı teknik kontroller için son derece pratik bir yöntem sunar. Böylece zamandan tasarruf eder ve günlük SEO akışını daha verimli yönetirsiniz.

Teknik Kalıp
javascript:(function(){ /* kod buraya */ })();

Kod yazmayı bilmiyor olabilirsiniz; sorun değil. Hazır örnekleri kopyalayıp tarayıcınızın yer imi çubuğuna yapıştırın ve hemen kullanın.

🧰 Bookmarklet Kullanım Alanları & İleri Düzey Örnekler

1) Hızlı Teknik Kontrol

İlk tur denetimlerde amaç netliktir: başlık uzunluğu, meta açıklama, robots ve canonical değerleri yerinde mi? Bu soruların yanıtına anında ulaşmak, problemi büyümeden görmenizi sağlar.

2) İçerik Kalitesi ve Erişilebilirlik

Görsellerde alt metin eksikleri, sadece SEO değil erişilebilirlik açısından da kritik olabilir. Basit bir bookmarklet ile eksikleri işaretlemek, içerik ekibinin daha düzenli çalışmasına yardımcı olur.

3) Çok Dilli Yapılar

Hreflang ve alternate etiketlerini listeleyerek, hangi dil sürümünün nereye işaret ettiğini tek tıklamayla görebilirsiniz. Bu sayede uluslararası sayfalarda yanlış eşlemeleri hızlıca yakalarsınız.

4) Sayfalandırma ve Navigasyon

Prev/next linkleri bulunuyor mu? Varsa doğru sayfaları gösteriyor mu? Bu tip kontroller, özellikle blog, kategori ve ürün listeleme sayfalarında önem kazanır.

5) Performans ve Mobil Deneyim

Tek bir tıkla PageSpeed raporuna ya da mobil uyumluluk testine gitmek, toplantılarda elinizi güçlendirir. Önceliklendirme yaparken gerçek veriye dayanırsınız.

İpucu: En sık kullandığınız bookmarklet’leri yer imi çubuğunda sola sabitleyin; kas hafızasıyla daha hızlı çalışırsınız.

⚙️ Adım Adım Kurulum Rehberi

  1. Önce yer imi çubuğunu görünür yapın (Ctrl/Cmd+Shift+B).
  2. Ardından “Yeni yer imi” ekleyin ve anlamlı bir isim verin (örn. “H Etiketleri Kontrol”).
  3. Sonra URL alanına javascript:(function(){...})(); formatındaki kodu yapıştırın.
  4. Son olarak kaydedin ve test etmek istediğiniz sayfada yer imine tıklayın.
Pro İpucu: Tüm bookmarklet’leri “SEO Araçları” klasöründe toplayarak erişimi hızlandırın.

✨ Bookmarklet Kullanmanın 5 Büyük Avantajı

AvantajAçıklamaÖrnek
⚡ HızSonuç anında gelir; rapor beklemeye son.Toplantıda title/desc kontrol
🍃 HafiflikTarayıcı eklentisi değildir; RAM’i yormaz.Zayıf cihazlarda bile akıcı
💰 ÜcretsizKurulum maliyeti ve abonelik yoktur.KOBİ bütçe dostu
🎨 GörselHiyerarşi ve linkler renkle görünür.H1–H6 hızlı denetim
🧠 ÖğreticiYeni başlayanların kavramları görerek öğrenmesini sağlar.Staj/ekip içi eğitim

🔧 14 Hazır Bookmarklet Kodu (Kopyala-Yapıştır)

1) H1–H6 Etiketlerini Renklendir
javascript:(function(){const H=[...document.querySelectorAll('h1,h2,h3,h4,h5,h6')];H.forEach(h=>{h.style.background='#FFEB3B';h.style.border='2px solid #E91E63';h.style.padding='6px';const t=document.createElement('span');t.textContent=' ['+h.tagName+']';t.style.color='#E91E63';t.style.fontSize='12px';t.style.fontWeight='bold';t.style.marginLeft='6px';h.appendChild(t);});})();
2) Meta Başlık & Açıklamayı Göster (+Karakter)
javascript:(function(){let t=document.title||'(title yok)';let d=document.querySelector('meta[name="description"]');let tLen=t.length;let dVal=d?d.content:'(description yok)';let dLen=d?d.content.length:0;alert('Title ('+tLen+'): '+t+'\n\nDescription ('+dLen+'): '+dVal);})();
3) Canonical Etiketini Gör
javascript:(function(){let c=document.querySelector('link[rel=canonical]');alert('Canonical: '+(c?c.href:'Bulunamadı'));})();
4) NoFollow Linkleri Renklendir
javascript:(function(){const a=[...document.querySelectorAll('a')];let n=0;a.forEach(l=>{if((l.rel||'').toLowerCase().includes('nofollow')){l.style.background='rgba(255,0,0,.18)';l.style.outline='2px dashed #c62828';n++;}});alert('Nofollow link sayısı: '+n);})();
5) Dış (Outbound) Linkleri Listele
javascript:(function(){const host=location.hostname.replace(/^www\./,'');let arr=[...document.links].filter(a=>a.href&&!a.href.includes(host));let list=arr.map(a=>a.href).join('\n');alert('Dış Linkler ('+arr.length+'):\n\n'+list);})();
6) robots.txt Dosyasını Aç
javascript:(function(){window.open(location.origin.replace(/\/$/,'')+'/robots.txt','_blank');})();
7) Sitemap (XML) Aç
javascript:(function(){window.open(location.origin.replace(/\/$/,'')+'/sitemap.xml','_blank');})();
8) PageSpeed Insights (Web.dev)
javascript:(function(){window.open('https://pagespeed.web.dev/report?url='+encodeURIComponent(location.href),'_blank');})();
9) Google Mobil Uyumluluk Testi
javascript:(function(){window.open('https://search.google.com/test/mobile-friendly?url='+encodeURIComponent(location.href),'_blank');})();
10) Rich Results (Schema) Testi
javascript:(function(){window.open('https://search.google.com/test/rich-results?url='+encodeURIComponent(location.href),'_blank');})();
11) Meta Robots Etiketini Göster
javascript:(function(){const m=document.querySelector('meta[name="robots"]');alert('Meta robots: '+(m?m.content:'Bulunamadı'));})();
12) URL Parametrelerini Temiz Önizleme
javascript:(function(){const u=new URL(location.href);u.search='';alert('Parametresiz URL:\n'+u.toString());})();
13) Görsellerde ALT Metin Kontrolü
javascript:(function(){const imgs=[...document.querySelectorAll('img')];let miss=0;imgs.forEach(img=>{const alt=(img.getAttribute('alt')||'').trim();if(!alt){img.style.outline='3px solid #ff9800';miss++;}});alert('ALT eksik görsel sayısı: '+miss+' / Toplam: '+imgs.length);})();
14) Hreflang/Alternate Etiketlerini Listele
javascript:(function(){const L=[...document.querySelectorAll('link[rel="alternate"]')];if(!L.length){alert('alternate/hreflang bulunamadı');return;}const rows=L.map(l=>(l.hreflang||'—')+' → '+(l.href||'—')).join('\n');alert('Hreflang/Alternate:\n\n'+rows);})();

🗓️ Yeni Başlayanlar İçin 7 Günlük Plan

Gün 1: H1–H6 ve Meta kontrolünü kurun; beş sayfada deneyin.
Gün 2: Canonical ve meta robots’u inceleyin; not alın.
Gün 3: Nofollow ve dış linkleri denetleyin; gerekirse düzeltin.
Gün 4: PageSpeed ve mobil test yapın; en kritik üç sorunu yazın.
Gün 5: ALT eksiklerini giderin; adlandırma standardı belirleyin.
Gün 6: Hreflang/alternate etiketlerini gözden geçirin.
Gün 7: Tekrarlayan hatalar için kısa bir checklist oluşturun.

⚠️ Güvenlik ve Kullanım İpuçları

  • Kod temizliği: Ne yaptığını anlamadığınız kodu eklemeyin. Kısa da olsa mutlaka gözden geçirin.
  • Pop-up izinleri: Testler yeni sekme açabilir; tarayıcı engellerse geçici izin verin.
  • Yenileme: Aynı işaretleme kodunu arka arkaya çalıştırdıysanız sayfayı tazeleyin.
  • Konum varsayımları: /robots.txt ya da /sitemap.xml varsayılan yerde olmayabilir; bu durumda özel yolları kontrol edin.
  • Tarayıcı farkları: Chrome ve Firefox genelde sorunsuzdur; Safari bazı JS davranışlarını sınırlayabilir.
  • Paylaşım: Ekip içi kullanımlarda aynı sürümü korumak için tek bir kaynaktan dağıtın.

🧪 Kendi Bookmarklet'inizi Yazın

Önce küçük bir hedef belirleyin: örneğin dahili bağlantıları sayan bir sayaç. Ardından fetch() ile 404/5xx kontrolü ekleyin. Sonraki adımda structured data türlerini listeleyebilir, hatta başlık uzunluğu için otomatik işaretleme ekleyebilirsiniz. Son aşamada kodu javascript:(function(){ ... })(); biçimine dönüştürüp yer imine kaydedin.

🏁 Sonuç

Özetle bookmarklet’ler, günlük SEO denetimini hızlandırır, hataları görünür kılar ve toplantılarda hızlı karar aldırır. Şimdi bu 14 aracı “SEO Araçları” klasörünüze ekleyin ve süreci hızlandırın.

Yazan: Sherife Ahmed Arabacıoğlu — SEO & Google Ads | CheryBloom

❓ Sık Sorulan Sorular

SEO bookmarklet nedir?

Yer imi çubuğuna kaydedilen küçük bir JavaScript fonksiyonudur; tıkladığınızda aktif sayfada çalışır ve hızlı analiz sağlar.

Nasıl kurulur?

“Yeni yer imi” oluşturun, URL alanına javascript:(function(){...})(); kodunu yapıştırın ve kaydedin.

Hangi tarayıcılarda çalışır?

Genellikle Chrome, Firefox, Edge ve Brave ile uyumludur. Safari bazı açılır pencereleri engelleyebilir.

Güvenli mi?

Güvenilir kaynaklardan aldığınız sürece evet. Yine de kodu eklemeden önce hızlıca incelemeniz önerilir.