Anlamsal HTML ve arama motorları
Sayfayı doğru öğelerle yapılandırır; başlık sırasını, üst verileri ve yapılandırılmış veriyi düzenleyerek sayfayı hem insanlar hem makineler için anlaşılır kılarsın.
Seviye 201 · 16 ders · 15 pratik lab
Dersler
Sayfa yapısı
- Yer işaretleri: header, nav, main, footer
- article, section ve aside ne zaman kullanılır
- Başlık sırası ve belge ana hattı
- Metin düzeyinde anlam: em, strong, time, abbr
- Tanım listeleri ve iç içe listeler
- Kısa görev: div yığınını anlamsal sayfaya çevir
Makineler için
- title ve meta description yazmak
- canonical, robots meta etiketi ve robots.txt
- sitemap.xml oluşturmak
- Yapılandırılmış veri: JSON-LD
- Paylaşım kartları: Open Graph
- lang ve hreflang ile çok dilli sayfalar
- Kısa görev: bir sayfanın üst veri denetimi
Kalite
- İyi bağlantılar: anlamlı metin ve çapalar
- Doğrulayıcı ve lint ile hataları ayıklamak
- Bitirme görevi: bir haber sitesini anlamsal olarak yeniden kur
Pratik lablar
- Sayfaya yer imleri ekle: Sahil Belediyesi duyuru sayfasına header, nav, main ve footer ekleyip ekran okuyucunun yer imi listesinde gör.
- article mi section mı karar ver: Karışık bir blog ana sayfasındaki blokları article, section ve aside olarak doğru etiketle ve gerekçesini yaz.
- Başlık sırasını onar: h1'i iki kez, h4'ü h2'den önce kullanan uzun rehberin başlık hiyerarşisini düzelt ve ana hattı doğrula.
- Tarih ve kısaltmaları işaretle: Etkinlik metnindeki tarihleri time, kısaltmaları abbr ile işaretle.
- Sözlük sayfasını tanım listesiyle kur: Altmış terimlik teknik sözlüğü dl, dt ve dd ile, harflere göre sayfa içi bağlantılı biçimde yaz.
- Görsel vurguyu anlamlı vurgudan ayır: Metindeki b, i, em ve strong kullanımını incele; hangisinin anlam taşıdığına göre düzelt.
- Başlık ve açıklamayı yaz: Ilgın Diş Kliniği'nin beş sayfası için benzersiz title ve uygun uzunlukta meta description yaz.
- Kopya sayfaları canonical ile birleştir: Filtre parametreleri yüzünden çoğalan ürün adreslerine canonical ekle ve robots kurallarını düzenle.
- Yanlışlıkla engellenen siteyi kurtar: Yayına çıkan site arama motorlarından kayboldu; robots.txt, noindex ve sitemap hatalarını bul ve düzelt.
- Site haritası oluştur: Yirmi sayfalık sitenin sitemap.xml dosyasını son değişiklik tarihleriyle hazırla ve doğrula.
- Etkinliğe JSON-LD ekle: Konser sayfasına tarih, yer ve bilet bilgisini içeren yapılandırılmış veri ekle ve test aracında hatasız geçir.
- İki dilli sayfaları bağla: Türkçe ve İngilizce sürümleri hreflang ve lang ile birbirine bağla, karşılıklılık hatalarını gider.
- Anlamsız bağlantı metinlerini düzelt: "Buraya tıklayın" ve "devamı" bağlantılarını hedefi anlatan metinlerle değiştir.
- Sayfanın meta verisini denetle: Bir sayfanın başlık, açıklama, canonical, OG ve dil etiketlerini kontrol listesiyle denetleyip eksikleri raporla.
- Haber sitesini anlamsal olarak yeniden kur: Gündem Postası'nın ana sayfasını yer imleri, makaleler, başlık düzeni ve yapılandırılmış veriyle yeniden yaz.
Kurs hakkında
Sayfayı doğru öğelerle yapılandırır; başlık sırasını, üst verileri ve yapılandırılmış veriyi düzenleyerek sayfayı hem insanlar hem makineler için anlaşılır kılarsın.
Ne öğreneceksin
- Sayfa yapısı
- Makineler için
- Kalite
Ön koşullar
Aynı yolun 101 düzeyindeki kurslarını bitirmiş olmak ya da o konuları biliyor olmak yeterlidir.
Lab ortamı
Dersler, tarayıcında açılan sana özel bir Kali Linux masaüstünde geçer; araçlar pencereli arayüzleriyle hazırdır. Kurulum gerekmez, bilgisayar ekranı önerilir.
Sık sorulan sorular
- Bu kurs benim düzeyime uygun mu?
- Kurs 201 düzeyindedir; daha düşük düzeydeki kursların konularını bildiğin varsayılır.
- Kurulum gerekir mi?
- Hayır. Her ders tarayıcında açılan sana özel bir lab ortamında geçer.
- Dersler nasıl işleniyor?
- Her ders 8 ile 10 adımdan ve bir kısa sınavdan oluşur. İlk adımlarda yazman gereken komut gösterilir, sonraki adımlarda yardım azalır; iki denemede takılırsan çözüm açılır.
- Ücretsiz deneyebilir miyim?
- Evet. Her kursun ilk üç dersi ücretsizdir.