Ağu.27

Semantic Web – Microdata

Microdata’ların, itemscope, itemtype ve itemprop attribute’leri ile tanımlandığını ve bunların da birer değer aldığından önceki makalelerimizde bahsetmiştik. Peki, bu değerler ne anlama gelir?


itemscope Microformats2’de kök element içinde kullanmış olduğumuz class tanımı ile aynıdır. Yalnız itemscope yalın bir attribute’dür, herhangi bir değer almaz. Sadece kök element olduğunu belirtir. itemtype ile birlikte kullanılır.
HTML5,SEO

Ağu.27

Ağu.27

Semantic Web – Microformats2 ve Microdata

Büyük bir ihtimal çoğunuzun ilk defa duyduğu, ancak Semantic web yapısında arama motorlarının web sayfasındaki içeriği anlamlandırabilmesini sağlayan microformats (biçimlendirmeler) ve microdata (veri), bir blok içindeki (mesela bir
) verileri bütün olarak anlamlandırmayı amaçlar. Araştırmalarımda genellikle mikroformatları bir 4 ana kategori altında kısıtlamış olan kaynakları gördüm. Bunlar; insanlar, organizasyonlar, etkinlikler ve lokasyonlar. Tahmin edeceğiniz üzere bu dört grup, spesifik özelliklere sahip ve arama motorları tarafından da hızlıca bulunmak istenir. Mesela bir oganizasyon oluşturdunuz ve bunun süresi 1 hafta. Normalde arama motorunun bu içeriği yakalaması 2 günü bulabilecekken, microformats ile biçimlendirildiğinde arama motorları daha kısa sürede yakalayıp anlamlandırabilir ve net sonuçlar sunabilir. Düz bir biçimde yazmak insanlar için anlamlı gelebilir ancak arama motorları için pek bir şey ifade etmez. Etkinlik tanımı için hCalendar, diğerleri için de vCard yapısı kullanılıyor.
HTML5,SEO

Tem.02

PHP ve Bootstrap ile İçerikleri Sayfalama (Pagination)

Pagination, büyük miktarda veriyi sayfalara ayırıp gösterme işlemidir. Normalde büyük tabloları 10’arlı gruplara ayırıp ileri geri sarma butonları ile veriler arasında geçilir. Günümüzde de en çok haber sitelerinde gördüğümüz bir uygulamadır. İki üç satırlık dandik bir haberi, sırf sitenin tıklanma oranı artsın ve her sayfada reklamlar yenilensin diye 10 parçaya bölüp gösterirler.
Bootstrap,PHP,SEO

Tem.02

PHP / MySQL / .htaccess ile Arama Motorlarının ve Ziyaretçilerin Anlayacağı Şekilde URL Yapılandırması (SEF URL), HEADER ve FOOTER MasterPage Kodlamak

Bir sayfa adresi, yani URL en basit hali ile tasarlanmalı. Yani o URL’ye bakan bir insan bu sayfanın içinde neler var az çok anlayabilmeli. Mesela şu iki linki inceleyin… http://www.ugurgelisken.com/index.php?id=123&sub=23467 http://www.ugurgelisken.com/kitaplar/mobil-oyun-programlama/ Veya http://www.ugurgelisken.com/kitaplar/mobil-oyun-programlama/index.html Gördüğünüz gibi ikinci olan URL daha anlaşılır bir yapıdadır.
PHP,SEO

Tem.02

Frontend Developer’lar için SEO Teknikleri Ders 15: Çoklu Dil Desteği ile Kod Tasarımı

Eğer hazırlamış olduğunuz web sayfası tek bir dil yerine birkaç dil ile yayınlanacaksa, mutlaka alt yapıyı farklı dilleri destekleyecek şekilde kodlamanız gerekir. İster CMS ile olsun, ister manuel kodlayın, eğer aynı içeriği birden fazla dil ile yayınlayacaksanız, aşağıdaki kurallara mutlaka uyun. İlk olarak farklı diller ile hazırlanacak olsan sitelerin hangi URL metodu ile çağırılacağına karar verin. Buna göre de sitenizi kodlayın. Veya isterseniz i18n gibi teknolojileri de kullanabilirsiniz, ancak sunucu tarafında render etmek kaydıyla! Mesela sitenizi bir subdomain altında mı yayınlayacaksınız? O zaman tek bir site değil de farklı farklı diller için farklı farklı sayfalar hazırlamalısınız. Daha doğrusu şablon siteyi klonlayıp farklı dillere uyarlamalısınız. http://tr.ugurgelisken.com/ http://eng.ugurgelisken.com/ Bu şekilde görüldüğü gibi Türkçe ve İngilizce için iki farklı subdomain hazırlanmış. Her bir subdomain altında da site o dile uygun olarak tekrar revize ediliyor. Veya farklı bir metotla, tek bir site üzerinde parametre olarak dil değişkeni GET ile URL’den alınabilir. SEF URL konusunda göreceğiniz kodlama metoduna göre de o dile ait içerik çekilebilir. http://www.ugurgelisken.com/tr/ http://www.ugurgelisken.com/eng/ Buraya kadar olan kısım, URL yapılandırmasıydı. Bir de HTML5 kodları ile içeriklerin dilini belirlememiz gerekiyor. Bir HTML5 dokümanı oluştururken etiketini kullanıyoruz. Fakat bu yalın metot SEO açısında uygun değildir. Bir etiketi açıldığında mutlaka dil belirtilmeli. Böylece arama motorları o sitenin hangi dilde olduğunu algılayabilir.
<html lang=”tr” />
…
</html>
Sayfa içinde tanımlamış olduğunuz elementler için de bu şekilde dil kodu belirtmelisiniz. Sadece base, br, frame, frameset, hr, iframe, param ve script elementleri için kullanılmaz. Mesela;
<h1 lang=”tr”> Merhaba </h1>
<p lang=”tr”>…</p>
SEO

Tem.02

Frontend Developer’lar için SEO Teknikleri Ders 14: 404 Hata Sayfası Hazırlama, Arama Motorları Tarafından Bozuk Linklerin İndexlenmesini Engelleme ve W3C ile Bozuk Link Kontrolü

Bir diğer kritik SEO önlemimiz de 404 hata sayfalarıdır. Bir link kırık olduğunda veya sayfa kaldırıldığında, o sayfaya erişim olmaz ve sunucu tarafından sayfa bulunamadı hatası 404 verilir. 404 hata sayfaları arama motorları tarafından çok fazla dikkate alınan bir kavramdır. Eğer sitenizde sürekli olarak kırık link oluşuyorsa, arama motorları tarafından siteniz iş görmez olarak yorumlanır. Hatta sahte veya klon bir site olarak da yorumlanır. Arama motorları sitenizi taradığında çok fazla sayıda ulaşılamayan sayfa yakalarsa kara listeye alınırsınız. Google, Sandbox (Google’ın filtre ceza sistemi) ile sitenizi cezalandırılır ve arama motorlarında dipleri bulabilirsiniz.
SEO

Tem.02

Tem.02

Tem.02