HTML Academy · Ders

Kanonik URL'ler ve robots Metası

Meta etiketleriyle taramayı kontrol edin ve yinelenen içerikten kaçının

3. ders / 413 adım

Kanonik URL'ler ve robots Metası, CoddyKit'te ücretsiz bir HTML Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, HTML Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. HTML Academy kursu toplamda 4 dersten oluşur.

Yinelenen İçerik Sorunu

Arama motorları sayfanıza birden fazla URL üzerinden ulaşabilir:

http://example.com/page
https://example.com/page
https://www.example.com/page
https://example.com/page/ (sondaki eğik çizgi)
https://example.com/page?utm_source=newsletter

Google hangi URL'yi dizine ekleyeceğine karar vermelidir; ayrıca yinelenen içerik nedeniyle ceza uygulayabilir.

Kanonik Bağlantı Etiketi

rel="canonical" ile arama motorlarına tercih edilen URL'yi bildirin:

<head>
  <!-- This is the canonical URL for this content: -->
  <link rel="canonical" href="https://example.com/blog/html5-guide">
</head>
<!-- No matter which URL the page is accessed from,
     this tag signals to Google which URL to index -->
<!-- Link equity is consolidated at the canonical URL -->

Kanonik URL Kuralları

Kanonik URL için en iyi uygulamalar:

Eksiksiz ve mutlak URL'yi kullanın (protokol dâhil)
Siteniz destekliyorsa HTTPS kullanın
Tutarlı olun: her zaman sondaki eğik çizgiyi kullanın veya hiç kullanmayın
Her sayfada, URL'si kendisi olsa bile bir kanonik etiket bulunmalıdır

<link rel="canonical" href="https://example.com/blog/html5-guide">
<!-- NOT: -->
<!-- <link rel="canonical" href="/blog/html5-guide"> relative = bad -->
<!-- <link rel="canonical" href="http://..."> HTTP on HTTPS site = bad -->

Sayfalama ve Kanonik Bağlantı

Sayfalara bölünmüş içerikte kanonik bağlantı ilk sayfaya veya sayfanın kendisine işaret edebilir:

<!-- Page 2 of a blog listing: -->
<link rel="canonical" href="https://example.com/blog?page=2">
<!-- Or: consolidate all pages to the first -->
<link rel="canonical" href="https://example.com/blog">
<!-- Also useful: rel="prev" and rel="next" for paginated series -->

Meta robots Değerleri

Arama motoru davranışını sayfa bazında denetleyin:

<meta name="robots" content="index, follow">
<!-- Default: include in index and follow links -->

<meta name="robots" content="noindex">
<!-- Don't index this page -->

<meta name="robots" content="nofollow">
<!-- Don't follow links on this page -->

<meta name="robots" content="noindex, nofollow">
<!-- Don't index AND don't follow -->

<meta name="robots" content="noarchive">
<!-- Don't show cached version in search results -->

Googlebot'a Özel Yönergeler

Belirli tarayıcıları özel yönergelerle hedefleyin:

<meta name="googlebot" content="noindex">
<!-- Only affects Google's crawler -->

<meta name="bingbot" content="noindex">
<!-- Only affects Bing's crawler -->

<!-- Other values: -->
<meta name="robots" content="max-snippet:50">
<!-- Limit snippet length in search results to 50 characters -->

<meta name="robots" content="max-image-preview:large">
<!-- Allow full-size image previews in Google results -->

X-Robots-Tag HTTP Üstbilgisi

Kanonik bağlantı ve robots ayarları HTTP üstbilgileriyle de (sunucu düzeyinde) belirlenebilir:

# Apache .htaccess:
Header add Link "<https://example.com/page>; rel=canonical"
Header add X-Robots-Tag "noindex"

# This is more powerful because it applies to non-HTML files too
# (PDFs, images, etc.) which can't have meta tags

robots.txt ve meta robots

Tarayıcıları denetlemek için iki araç vardır; kullanım amaçları farklıdır:

robots.txt — tarayıcıların hangi sayfalara erişebileceğini denetler (erişim denetimi)
meta robots — tarayıcıların eriştikleri sayfalarda ne yapacağını denetler (dizine ekleme denetimi)

robots.txt içinde erişimi engellenen bir sayfa başka bir yerden bağlantı verilmişse yine de dizine eklenebilir. noindex içeren bir sayfa ise kesinlikle dizine eklenmez.

Site Haritası ve Kanonik Bağlantı

Site haritanız yalnızca kanonik URL'leri listelemelidir:

<!-- sitemap.xml should list canonical URLs only: -->
<!-- https://example.com/blog/html5-guide (canonical) -->
<!-- NOT: https://www.example.com/blog/html5-guide -->
<!-- NOT: https://example.com/blog/html5-guide/ (trailing slash variant) -->

Kendine Referans Veren Kanonik Bağlantı

Ana sayfa da dâhil olmak üzere her sayfada kendisine referans veren bir kanonik bağlantı bulunmalıdır:

<!-- On https://example.com/about (the canonical URL itself): -->
<link rel="canonical" href="https://example.com/about">
<!-- This confirms: this IS the canonical URL -->
<!-- Prevents issues if the page is embedded in an iframe or scraped -->

E-ticarette Kanonik Bağlantı

Varyantları bulunan ürünler için e-ticaret kanonik bağlantı desenleri:

<!-- Product page with color filter: -->
<!-- URL: /products/widget?color=blue -->
<link rel="canonical" href="https://example.com/products/widget">
<!-- All color variants point to the main product page -->
<!-- Avoids duplicate content penalty for parameter variants -->

Hızlı Kontrol

Kanonik bağlantı etiketinin href değeri ne olmalıdır?

İnteraktif derste cevapla

Özet: kanonik bağlantı ve robots

Kanonik bağlantı ve robots için temel noktalar:

<link rel="canonical" href="full-url"> — tercih edilen URL'yi bildirir
Kanonik bağlantıda mutlak URL'ler kullanın; her zaman HTTPS kullanın
meta robots noindex — arama dizininden çıkarır
meta robots nofollow — bağlantıları takip etmez
robots.txt = erişim denetimi; meta robots = dizine ekleme denetimi

Başlamak ücretsiz

Yapay zeka eğitmeniyle HTML öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar: 40
Dersler: 159

Ücretsiz öğrenmeye başla Tüm kursu görüntüle

Sıkça Sorulan Sorular

“Kanonik URL'ler ve robots Metası” dersi ücretsiz mi?

Evet — “Kanonik URL'ler ve robots Metası” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve HTML Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. HTML Academy kursu toplamda 4 dersten oluşur.

“Kanonik URL'ler ve robots Metası” dersinde ne öğreneceğim?

Meta etiketleriyle taramayı kontrol edin ve yinelenen içerikten kaçının HTML Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

HTML Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te HTML Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“Kanonik URL'ler ve robots Metası” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu HTML Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her HTML Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

title ve SEO'daki Rolü
meta charset viewport author ve description
Kanonik URL'ler ve robots Metası
Favicon ve Apple Touch Icon

← HTML Academy Sayfasına Dön