Kadir Kasim | Freelance Code Developer

kadir kasim


Yıldız Teknik Üniversitesi Mezunu

Matematik Mühendisi

Yazılımcı

California - Kütahya - İstanbul - Maryland güzargahında 29 yıllık göçebe bir yaşam

Kız labrador babası

Kitapsever keyif insanı

'Yaşamın anlamı' gece duyumsanır ve sorgulanır. Kimse bunu öğle yemeği sırasında tartışmaz. Yaşam, gecenin konusudur.

Gündüz Vassaf
Cehenneme Övgü

Search Engine Optimization (SEO), yani Arama Motoru Optimizasyonu adından da anlaşılabileceği gibi kısaca arama motorlarında daha yukarılarda gözükmek için yapılan iyileştirme ve optimizasyon işlemleridir.

Anlatıma başlamadan önce uyarıda bulunmak gerekirse bu yazı sadece websitesi optimizasyonunu içerecektir. Daha sonra başka yazılarda sosyal medya , apple store gibi farklı platformların SEO tekniklerini anlatmaya çalışacağım.
Tanımımızı ve uyarımızı yaptık şimdi işe koyulalım..

Title, Description ve URL

Bütün arama motorlarının öncelikli olarak websitelerinde baktıkları yer ‘head’ etiketleri arasıdır. Head etiketlerinin arasında sitemizin adı , açıklaması , ikonu gibi bilgileri tanımlar ve bunların arama motorlarınca düzgün indexlenebilmesi için belirli etiketler kullanırız. İndexleme nedir ? diye düşünüyorsanız eğer hemen söyleyelim ; arama motorları geliştirdikleri botlar ile websitelerini dolaşırlar ve sayfalarla tanışırlar bu tanışma işlemine indexleme denir.

Sayfa Başlığı (Title) oluştururken ilk dikkat edilmesi gereken 70 karakteri geçmemektir. Ayrıca başlıklar her sayfa için anlamlı ve farklı olarak oluşturulmalıdır. Sayfa içerikleri ile alakalı olması seo calışmalarınız için gerçekten önemlidir çünkü arama motorları sayfanın linkinden sonra sayfa başlığına bakar. Kullanıcılarında ilk olarak site başlıklarına baktıklarını bildiğimize göre site başlıklarını oluştururken 2-3 kez anahtar kelimemizi yazmak yerine anlamlı ve anlaşılır cümleler kurmak en doğrusu olacaktır.

<title> Adan Zye SEO </title> /* Title Etiket Örnegi */

Sayfa Açıklaması (Description) arama sonuçlarında sayfamızın içeriği ile ilgili özet yazısı olarak tanımlanabilir. Başlıkla uyumlu 150 - 160 karakter aralığında açıklayıcı bir yazı yazmanızı tavsiye ederim. 156 karakterden sonrası ‘…’ olarak gözükmektedir.

<meta name="description" content="Kadir kasim'in blogu.."> /* Meta Etiketi Örnegi */

Not : Keywords etiketi 2014’ün sonlarından itibaren arama motorları tarafından önemsenmemektedir.

seo title description ornegi

Yukarıdaki resim spotify’ın google aramasındaki görünümüdür. Gördüğünüz gibi kısa ve net cümlelerle site başlığını ve açıklamasını oluşturmuş.

SEO uyumlu url yapısı anlatımı biraz uzun olduğu için SEO Uyumlu Link Yapımı yazısında anlatılmıştır.

Canonical Link

Canonical linkler birden fazla url ile giriş yapılabilinen sayfalarda arama motorlarına hangi linki tercih ettiğinizi belirtmenize yarar. Örnekle açıklamak gerekirse ;

http://www.kadirkasim.com http://kadirkasim.com http://kadirkasim.com/ http://kadirkasim.com/index.php

Yukarıdaki linklerin hepsi aslında aynı sayfaya erişim sağlamaktadır. İşte bu gibi durumlarda arama motorlarının işini kolaylaştırmak , kopya içerik algısını engellemek için kullanılır.

<link rel="canonical" href=“http://kadirkasim.com/"/>

head etiketi arasında yukarıdaki gibi bir tanımlama ile bu karışıklığı sonlandırabilirsiniz.

Html ve Css Optimizasyonu

Arama motorlarının önem verdiği bir diğer konu ise görsel optimizasyondur. Responsive websiteleri arama motorlarınca daha kıymetli sitelerdir. Ayrıca arama motorları html syntax (Yazım kuralları)’ına önem verir. Websitenizi tasarlarken W3 (World Wide Web) standartlarında olmasına özen gösteriniz. Zira bu SEO çalışmalarınız için son derece önemlidir. Sitenizin W3 standartlarında olup olmadığını merak ediyorsanız. https://validator.w3.org ‘dan kontrol edebilirsiniz.

SEO çalışmaları için sitenizdeki resimler önemli yer kaplar. Arama motorları paylaştığınız resmin ne olduğunu göremezler. Bu yüzden resimlerinizi güzel isimlendirmeli ve alt etiketi ile resimlerinizin açıklamarını yazmalısınız.

<img src="http://kadirkasim.com/arsiv/resim/kadirkasim.png" alt = "Kadir Kasim | Freelance Developer”>

Robots.txt ve Sitemap

Robots.txt dosyaları arama motorlarınca çok önemlidir. Hatta google robots.txt dosyası olmayan siteleri indexlemeyeceğini bile söyler. Robots.txt dosyası arama motoru botlarına hızlıca bilgi verir, hangi sayfa indexlenecek , hangisi indexlenmeyecek. Örnek olarak kimse admin panelinin google da üst sıralarda çıkmasını istemez bu yüzden admin panelinin linki google a indexlenmeyecek link olarak tanımlanır.

User-agent: * Disallow: /wp-admin/ Disallow: /wp-includes/

Yukaridaki örnek kodlar wordpress’in standart robots.txt komutlarıdır.

Site haritası arama motorlarının sitenizi taramalarını kolaylaştırmak için oluşturulur. Arama motorlarının işini kolaylaştırdığınız da ise arama sonuçlarında yukarılara çıkmanız kaçınılmaz olacaktır. Aslında SEO mantığı da tamamen bunun üzerine kuruludur. Biz arama motorlarının işini kolaylaştırıyoruz onlarda bizim sitelerimizi yukarılara taşıyorlar.

Site haritaları XML formatında dosyalardır. Site haritalarının sitenize yeni yazı eklediğinizde güncellenmesi gerekmektedir. Bu sebeple dinamik xml dosyası oluşturabilir veya www.xml-sitemaps.comweb sitesinden kolayca sitemap oluşturabilirsiniz.

Open Graph (OG Meta Etiketi)

Eğer sayfalarınızı sosyal medya platformalarında paylaşacaksanız Open Graph sizin sayfa linklerinizin sosyal medyada daha düzgün gözükmesini sağlacak kod yapısıdır. Meta etiketleri ile kullanılır. Open Graph kullanarak paylaşılan sayfanın başlığını, açıklamasını veya resimini siz belirlersiniz. Örneğin facebookta paylaşılan bir linkte sayfanın resmi belirtilmemiş ise facebook kendiliğinden bir resim seçecektir ki bu kötü veya istenmeyen paylaşımların oluşmasına neden olabilir. Veyahut bir video sitesi oluşturdunuz ve sosyal medya da paylaşımlar yapıyorsunuz yine OG Meta etiketleri ile videonun özelliklerini, açıklamasını veya başlığını rahatça düzenleyebilirsiniz.

<meta property="og:title" content=“Sayfa Başlığı"> <meta property="og:locale" content="tr_TR"> <meta property="og:type" content="website"> <meta property="og:url" content=“http://websitem.com/“> <meta property="og:image" content=“http://websitem.com/arsiv/ornek.jpg”> <meta property="og:description" content=“Sayfa Açıklaması”>

Yukarıdaki kodlar bir websitesiniz facebook paylaşımı için düzenlenmiş OG Meta etiketleridir. developers.facebook.com link üzerinden facebookta paylaşılacak linkinizin görüntüsünü kontrol edebilirsiniz. Hatırlatmakta fayda var Meta Etiketleri etiketleri arasına yazılmaktadır.

<meta name="twitter:image" content=“http://websitem.com/arsiv/ornek.jpg”> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@websitem"> <meta name="twitter:title" content=“Sayfa Başlığı"> <meta name="twitter:description" content=“Sayfa Açıklaması"> <meta name="twitter:creator" content=“@kadirkasim”>

Yukarıdaki kodlar ise twitter paylaşımları için düzenlenmiştir. Sayfanızın nasıl gözükeceğini kontrol etmek isterseniz : cards-dev.twitter.com/validator linkini kullanabilirsiniz.

Tartışma Başlatmak İster Misiniz ?

Eposta adresiniz paylasılmayacaktır..

Daha Önceki Yazılar