Site İçi SEO Çalışması Nasıl Yapılır? [2]
Bu içerik, “SEO çalışması nasıl yapılır?” yazısının devamı niteliğindedir.
Şimdi Site içi SEO ile devam ediyoruz.
Site İçi SEO
Site içi SEO nedir? Tamamıyla bizim tarafımızdan yönetilen bir web sayfasının yazılım, tasarım ve içerik olarak SEO kriterlerine uygun hale getirilmesine site içi SEO denir.
Domainle SEO
Domainler yani site isimleri SEO’ya dolayısıyla sıralamaya etki eder. Bu nedenle domaininiz hedeflenen anahtar kelimeyi başa yakın olacak şekilde barındırmalıdır. Bu noktada, seçilecek domain hedeflenen anahtar kelime ile uyumlu olmalıdır diyebiliriz.
Başlık (Title)
Site içi SEO’da başlıklar oldukça önemlidir. Özellikle Ana sayfa başlığı site ismini içermeli %20 oranında anahtar kelime barındırmalıdır.
Her sayfada <title> </title> etiketleri içerisinde yer alması gerek başlıklardan bahsediyoruz; sayfaların başlıkları belirlenirken hedeflenen anahtar kelime cümlenin başına yakın olacak şekilde tespit edilmelidir.
Alt sayfalardaki başlıklar örnekteki gibi kurgulanmalıdır.
Ör: Site ismi | Yazı başlığı
Hem site isminde hem de yazı başlığında hedeflenen anahtar kelimelere yer verildiği düşünüldüğünde <title>’de SEO adına yapılması gerekenler yapılmıştır diyebiliriz.
Konu Başlıkları (Heading, h1 — h2 — h3 … h6)
Google botları sayfanıza geldiğinde ilk kontrol ettiği parametrelerden birisi <h1> taglı konu başlığıdır. Bu noktada her sayfada (Ana sayfa ve bütün alt sayfalar) <h1> tagı içinde bir konu başlığı bulunmalıdır. Bununla beraber her sayfada en fazla bir <h1> etiketi bulunması gerektiğini hatırlatmalıyım.
Sayfadaki alt başlıklar h2, h3, h4 şeklinde hiyerarşik olarak sıralanmalıdır. Başka bir değişler h1’den önce h2 veya h3’ten önce h5 gelmemelidir. Bir sayfada, h6’ya kadar giden konu başlıkları hiyerarşisinin tamamı kullanılmak zorunda değildir. Örneğin h3’te de alt başlıklar sonlanabilmektedir.
Bir sayfada h1’den h6’ya kadar sıralanabilen heading taglarınn sitil yapısı aynı olmamalıdır. Görünüm, hiyerarşiyi yansıtmalıdır.
Ana sayfadaki h1 etiketi, genelde sol üst köşede bulunan loguyu ve bu logu tıklandığında yine ana sayfaya giden linki içerecek şekilde tasarlanmalıdır.
Örneklendirmek gerekirse:
<h1 title=”NetFark | Muzaffer Karataş”>
<a href=”http://www.netfark.com”>NetFark | Muzaffer Karataş</a>
<img alt=”NetFark | Muzaffer Karataş” src=”http://www.netfark.com/images/logo.png”>
</h1>
Tam bu noktada şunu da belirtmeliyim; Sayfanızda yer alan <title> etiketleri içindeki başlıkla <h1> etiketinin title bölümünde yer alan başlık aynı olmalıdır. Bununla beraber Google indexlem yaparken sayfa başlığı olarak <h1> etiketindeki tittle bölümünü dikkate aldığının altını çizmek isterim.
Metalar
Metalar sitelere ait bazı bilgilerin arama motorlarına iletilmesini sağlar. Sitenin açıklaması, hedeflenen anahtar kelimeler, sitenin sahibi gibi bilgileri meta etiketleriyle arama motorlarına iletebiliriz.
Bu bağlamda özellikle açıklama ve anahtar kelimelere yönelik metaların kriterlere uygun kullanılması çok önemlidir. Yani anahtar kelime ve açıklama alanları spam yaparcasına alakasız sözcüklere boğulmamalıdırlar. Google’ın metaları yanlış kullanılmış siteleri cezalandırıp sıralamada gerilere düşürdüğünü hatırlatalım.
Meta Etiketlerine Detaylı Bakış
Description
<meta name=”description” content=””>
Description meta etiketiyle arama motorlarına sayfaya ait bir açıklama sunulur. Başka bir değişle bu etiketle sitenin tanımı yapılır. Description etiketi doldurulurken hedeflenen anahtar kelime unutulmamalı %20 oranında anahtar kelimeye yer verilmelidir. Description 170 karekter civarında olmalıdır.
Keywords
<meta name=”keywords” content=””>
Keywords sayfaya ait hedeflenen anahtar kelimelerin yer aldığı meta etiketidir. Aynı anahtar kelimeler tekrar tekrar yazılmamalı akıl mantık çerçevesinde kalınmalıdır. Bu bölümde description alanında girilen içerikte yer alan kelimeler keywords alanında özellikle belirtilmeli, description ve keywords bir birine uyumlu olmalıdır.
Abstract
<meta name=”abstract” content=””>
Sitenin içeriğini özetler. Description tagı setinin içinde yer alan bir sayfa için açıklama içerirken abstract sayfanın geneline yönelik bir açıklama barındırı.
Author
<meta name=”author” content=””>
Sitenin sahibini tanımlar
Copyright
<meta name=”copyright” content=”MuzafferW3”>
Sitenin telif haklarının kim tarafından korunduğunu belirtir.
Revisit — After Tag
<meta name=”revisit-after” content=”2 days”>
Arama mototrlarının siteye hangi sıklıkla tekrar ziyaret edeceğini belirtir. Bu meta etiketi kullanılırken dikkat edilmelidir. Haftada bir güncellenen sayfaya iki günde bir arama motoru botu çağırmak sayfanın sıralamasında negatif bir etki edebilir. Bununla beraber arama motorlar sayfaların güncellenme sıklığına göre kendi ziyaret periyotlarını ustaca ayarlayabilmektedir.
Refresh
<meta http-equiv=”refresh” content=”90” >
Bu meta etiketi content olarak belirtilen sürede web sayfasının yenilenmesini sağlar. Hepiniz fark etmişsinizdir; haber siteleri bazen tam siz haber okurken yenilenir, bu yenilenme refresh meta etiketi kullanılarak yapılmaktadır. Ziyaretçilerin hoşlanmadığı bir deneyimdir.
Redirect
<meta http-equiv=”refresh” content=”90;url=http://www.netfark.com” >
Sayfanın belirlenen sürenin sonunda başka bir adrese yönlendirilmesini sağlar. Örnek kod sayfanın 90 saniye sonra www.netfark.com adresine yönlendirilmesini olanak tanır.
Robots
Bu etiketlerle arama motorları sayfaya geldiğinde ne yapması gerektiğini tarif edebilirsiniz.
Sayfada hiç bir şey yapma
<meta name=”robots” content=”none” >
Sayfayı indexle ve tüm linkleri ziyaret et
<meta name=”robots” content=”index, follow” >
Sayfayı indexle ama linkleri ziyaret etme
<meta name=”robots” content=”index, nofollow” >
Robots etiketinin yukarıdaki örneklerde olduğu gibi daha çeşitli kullanımları da bulunmaktadır.
Meta etiketleriyle konuyu daha fazla uzatmadan Site İçi SEO’da fotoğraflarla devam etmek istiyorum.
Fotoğraflar
Fotoğraflar, sayfanın çok önemli bir parçasıdır. Kaliteli fotoğraflar kullanıcının sayfadan etkilenmesini ve yazıyla anlatamayacağınız bazı şeyleri çok kısa sürede vermenize yardım eder. Bu nedenle iyi fotoğrafların kullanımı çok önemlidir.
Fotoğraf kullanırken dikkat edilmesi gerekene hususlar.
<img> etiketi içindeki “alt” bölümüne fotoğrafla ilgili hedeflediğiniz anahtar kelimeyi de barındıran bir açıklama yazmak. Bu husus site içi SEO’nun önemli bir parçasıdır. Ayrıca henüz machine learning teknolojisi çok gelişmiş olmadığından Google fotoğrafla ilgili açıklamaya ihtiyaç duymaktadır. Es geçilmemelidir.
Fotoğrafın megabaytını görüntü değerlerini mümkün mertebe bozmadan düşürerek kullanmak önemlidir. Uygulamanız sayfaya yükleme esnasında düşürmüyorsa fotoğrafları optimize etmenize yardım eden bazı online araçlar önerebilirim:
http://optimizilla.com/
http://www.imageoptimizer.net/
https://tinypng.com/
Fotoğraflar için mümkünse thumbnail kullanmak, sayfanızın hızlı açılmasını sağlar.
Kodlamada fotoğrafın genişlik ve yükseklik ölçülerini bildirmek, tarayıcının fotoğrafların boyutlarını daha hızlı algılamasına dolayısıyla açılış süresinin kısalmasına yardım eder.
Örnek kullanım: height=”50” width=”80”
Metin
Sayfanızın metin olarak içeriği oluşturulurken dikkat edilmesi gereken bazı hususları şöyle özetleyebiliriz: Öncelikle özgün içeriğin çok önemli olduğunu belirtmeliyim. Google için bir yerlerden kopyalanmış içeriği fak etmek çocuk oyuncağıdır. Bu nedenle özgün olmayan içerikle sırlamada yükselmeniz mümkün olmamaktadır.
İçeriğinizin ziyaretçiyi sayfada tutmayı başarabilmesi gerekiyor. Zira Google ziyaretçilerin sayfada kalma süresini de ölçerek söz konusu sayfanın nitelikli bir sayfa olup olmadığını da tespit edebiliyor. İlgi çekici ve gerçekten bilgi aktara, yararlı içerik ziyaret süresini arttırabilir.
Hedeflenen anahtar kelimeler de unutulmamalıdır. İçeriğin her bölümünde en fazla %20 oranında hedeflenen anahtar kelimeyi barındırması mutlaka sağlanmalıdır.
SEF Link
SEF Link, Search Engine Friendly Link olarak açılmakta Türkçe’ye de Arama Motoru Dostu Link olarak çevrilmektedir. SEF Link demek, linklerinde anlamlı olması anahtar kelime barındırması demektir.
Aslında link yapıları altta verilen örnekteki gibi düzenlenmektedir.
Ör:
http://www.netfark.com/index.php?kategori=2&icerik=3454
Fakat zamanla arama motoru dostu link yapıları öne çıkmaya başlamış ve üstteki link yapısı uygun olmadığından kullanılmamaya başlamıştır. Üsteki linki .htacces dosyasının yeteneklerini kullanarak alttaki gibi yapmak mümkündür
Ör:
http://www.netfark.com/seo/anahtar-kelime-iceren-icerik-basligi
Bu örnekte birinci parametreyle kategori ikinci parametreyle de anahtar kelime içeren bir link yapısı oluşturulmuştur. Bu link yapısı arama motoru dostudur (SEF).
Dizin içi uygulamalar
Robots.txt
Robots.txt dosyasıyla arama motorlarının sitemiz üzerindeki erişim yetkilerini düzenleyebiliriz. Bu dosya sitenin ana dizininde robots.txt ismiyle yar almalıdır. Bununla beraber robots.txt dosyasıyla herhangi bir nedenden arama motorları tarafından indexlenmesini istemediğimiz sayfaları kolayca tanımlayabiliriz.
Örnek kullanım:
Tam erişim yetkisi verir
User-agent: *
Disallow:
Sayfanın idexlenmemesini sağlar / arama motorları sayfanızı indexlemez
User-agent: *
Disallow: /
Özel sayfalara erişimi ve indexlemeyi kısıtlar
User-agent: *
Disallow: /ozel-sayfa
Disallow: /404.html
Site Haritası
Site haritası bir web sayfası için olmazsa olmazlardandır. Bu harita sayesinde arama motorları sayfanızı daha kolay indexler. Sayfadaki bütün bağlantıları içinde barındırmalıdır. Yeni güncellemelerle site map dosyası da güncellenerek yeni sayfaların bu dosyaya eklenmesi sağlanmalıdır. Dosyanın ana dizinde sitemap.xml adıyla ve formatıyla yer alması tavsiye edilir. Farklı bir ad ve formatta yer alan dosyalar Google Web Master hizmeti aracılığı ile yeri ve adı Google’a bildirilmelidir.
Site haritası olmadan olmaz mı? Elbette olabilir, fakat hızlı indexleme ve SEF bir yapı istiyorsanız mutlaka oluşturmanız gereklidir. Ayrıca JavaScript ile sonradan kullanıcı talebiyle sayfaya gönderilen linkler arama motorları tarafından görülememektedir. Bu bağlantılara sitemap.xml dosyasında yer vermek sorunu kökünden halledecektir.
Mobil Uyumluluk
Özellikle Google mobil uyumluluğu olan sayfalara sıralamada öncelik vereceğini açıklamıştır. Bununla beraber dünya genelindeki aramaların %60’ının mobilden gerçekleştiği göz önüne alındığında web sayfalarındaki mobil uyumluluk oldukça önemlidir. Ayrıca mobil uyumlu sayfalarda geçirilen sürenin mobil uyumlu olmayan sayfalarda geçirilen süreye kıyasla daha uzun olduğu istatistiklere yansımış bir gerçektir.
Nasıl yapılır? İnternet teknolojisi hız kesmeden gelişiyor, sayfaları mobil uyumlu hale getirmek bugün gezegenimiz çapında standart haline gelmiş Bootstrap ile kolay olabilmektedir. Ben hazır yapılardan pek hoşlanmadığım için CSS 3 ile hayatımıza giren Bootstrap’ında var olabilmesini sağlayan Media Queries ile bu sorunu çözmekteyim.
HTTPS (Secure Hypertext Transfer Protocol)
Yine Google HTTPS protokolünü kullanan sayfaları sevdiğini ve desteklediğini açıklamıştır. Çünkü herhangi bir saldırganın HTTPS portu (443) kullanılan bir ağı dinleyerek sunucuyla site arasındaki bilgi akışını kopyalaması mümkün değildir. Fakat HTTP portu (80) kullanan sayfalar bu saldırılar karşısında tamamen savunmasızdır. HTTPS kullanmak sıralamanıza muhakkak etki eder.
Site Hız
Web sayfalarının hızlı açılması kullanıcı açısından çok önemlidir. Bununla beraber arama motorları bu hususa da çok önem vermektedir. Hatta Google Speed bu anlamda kapsamlı rapor sunan araçlardan birisidir. Başlangıç aşamasında görsellerin web’e göre optimize edilmesi javaScript dosyalarının en alt bölümden sayfaya dahil edilmesi gibi tavsiyeler işinizi kolaylaştırabilir. Ayrıca Google Speed i bi ziyaret etmenizi şiddetle tavsiye ederim.
Kodlama Uyumluluğu
HTML ve CSS ile web sayfalarının genel iskeleti oluşturulurken gözden kaçan veya yanlış bilmekten kaynaklanan kodlama hataları web sayfanızın bu alanlarda standartların dışına çıkmasına sebep olabilir. Bu anlamda standartların dışına çıkmış sayfalar arama motorları tarafından amatör kabul edilerek standartlara uygun rakiplere göre daha az önem gösterilebilmektedir.
Sayfanızdaki kodların standartlara uygun olup olmadığını https://validator.w3.org/ sitesine giderek denetleyebilirsiniz.
