Başarılı SEO İçin Etiketler ve Kullanımları

Faruk

Harbi Üye
Forum Üyesi
Katılım
19 Mart 2019
Mesajlar
8,858
Tepkime puanı
25
<div class="bbWrapper">Title Etiketi

Title etiketi, HTML belgesinin içeriğini tanımlayan başlık etiketidir. Belgenin neyle alakalı olduğu konusunda bilgi veren ilk alandır. Bu yüzden kullanımı şarttır. Title etiketinin karakter sayısı 50-70 aralığını geçmemesi gerekir. Title etiketini oluştururken içerikle alakalı en önemli anahtar kelimeleri kullanmaya dikkat etmelisiniz. Aynı başlığı birden fazla sayfada kullanmamaya ve başlık etiketinde özel karakterler kullanmamaya dikkat etmelisiniz. Title etiketinizin sayfa içeriği ile birebir uyuşması da önemlidir.

Örnek Title etiket kullanımı;

örnek


baslik-etiketleri-ve-kullan%C4%B1mlar%C4%B1-seo-1.jpg




Description Etiketi

Description etiketi, sayfa ile ilgili açıklamaların girildiği alandır. Yapılan aramalar sonucu arama motorlarında listelenen sayfaların içerik özetini temsil ettiği için kullanımı önemlidir. Oluşturulacak description alanında, içeriğin özeti ve içeriğiniz ile uyumlu olan anahtar kelimelerinizin yer alması gerekmektedir. Description etiketinin 160 karakteri geçmemesi gerekmektedir.

Örnek Description etiket kullanımı;



Meta Keyword Etiketi

Meta keyword, güncel sayfa içeriğini tanımlamaya yarayan anahtar kelimelerin kullanılmasıdır. Anahtar kelimelerinizi kullanırken virgül ile ayırmanız gerekmektedir. Anahtar kelime sayısı 5 ile 10 arasında olması idealdir. Çok fazla anahtar kelime kullanılması önerilen bir durum değildir.

Örnek meta keyword etiket kullanımı;




meta-etiketleri.jpg




IMG (Görsel) Etiketi

IMG etiketi, sayfada kullanılan görsellere ait etiket alanıdır. HTML belgeniz için görüntünün tanımlandığı alandır. Görsellerinizin arama motorlarına indexlenmesi için kullanımı gereklidir. Ayrıca arama motorlarında görseller kısmında sayfanızın çıkmasını sağlamak için kullanılması gerekir. Sayfanızdaki görsellerde mutlaka alt etiketi kullanılmalı ve görsel boyutları belirtilmelidir.

Örnek IMG etiket kullanımı;

image keyword.imaj uzantısı
Anasayfa
rel="nofollow">Anasayfa

Canonical Kullanımı

Sitenizde tekrar eden sayfaların ve içeriklerin kopya olmadığını arama motorlarına bildirmek için kullanılır. Canonical etiketi, tekrar edilen veya birbirine benzer içeriklere sahip olan sayfalar arasından, arama sonuçlarında tek bir sayfanın gösterilmesini sağlamak amacıyla kullanılmaktadır. Benzer sayfalar içerisinden, arama motorlarının hangi linki baz almasını istiyorsanız, o linkteki meta tagları arasına rel canonical etiketini eklemelisiniz. Örneğin:




Benzer içeriğe sahip bu iki sayfa arasından birinci linkin arama motorları tarafından baz alınmasını istiyorsanız birinci linkteki meta tagları arasına rel canonical etiketini eklemelisiniz.

Örnek Canonical etiket kullanımı;




meta-etiketleri-kullanimi-seo.jpg




SEO Açısından URL'lerin Kullanımında Dikkat Edilmesi Gerekenler
  • Oluşturacağınız URL'lerin içerisinde etkisiz eleman kullanmamaya özen gösterin. Yani "ve", "ki", "ama", "mi" ve benzeri kelimeler URL'nin gereğinden fazla uzamasına neden olmaktadır.
  • Oluşturacağınız URL'nin kısa ve anlaşılır olmasına dikkat edin. URL'nin anlaşılır olması ve anahtar kelimelerinizi içermesi SEO açısından önemlidir.
  • URL'lerinizde mümkün oldukça karışık parametreler kullanmamaya özen gösterin.
  • URL içerisinde yer verilecek özel karakter (-,_,-,#,?) kullanımına dikkat edin.
Arama Motoru Botlarının Kontrol Edilmesi

Robots.txt Dosya Kullanımı


Robots dosya, arama motorlarına ön bilgi veren kılavuz bir dosyadır. Sayfanın arama motorlarında listelenip, listelenmeyeceğini belirtmek için kullanılır. Böylelikle site ana dizini içerisinde robot.txt dosyası oluşturarak o dosya içerisindeki dizinlerin izinlerini belirleyebilirsiniz. Burada bilmeniz gereken bir konuda, Robots.txt dosyasının URL'si büyük/küçük harfe duyarlıdır. Robots.txt kullanımında üç farklı koşul vardır. Tüm içeriklerin taranması için tam izin, hiçbir içeriğin taranamayacağını belirten tam reddetme, belirli bir içeriğin taranmasını robot.txt belirlemesini belirten koşullu izin.

Örnek Robots.txt kullanımı;

User-agent: robotun ismi yazılır veya * sembolünü kullanarak tüm robotlara izin veril
Allow: robotlar tarafından indexlenmesi istenen dosyalar belirtilir.
Disallow: robotlar tarafından indexlenmesi istenmeyen dosyalar belirtilir.
User-agent: *
Allow: /ornek1/site.html
Disallow: /ornek1/

Bu kullanımın anlamı şudur; tüm robotlar dosya dizininde bulunan site.html dosyasını tarasın ve indexlesin. Ancak onun haricindeki hiçbir dosya taranmasın ve indexlenmesin.

Robots Meta Etiketi Kullanımı

Robots meta etiketi, tek bir sayfanın dizine nasıl ekleneceğini ve arama sonuçlarında sayfanın kullanıcılara nasıl sunulacağını belirlemek için kullanılır. Robots meta etiketi sayfaya özel işlem yapabilme olanağı vermektedir.

Örnek Robots meta etiket kullanımı;



seo-title-meta-etiketleri.jpg



Sitemap Kullanımı

Sitemap dosyası site içerisindeki URL yapısını belirtir. Site haritaları, web sitesinin sahip olduğu sayfa yapılarını ve taranması istenen URL'leri gösteren özetlerdir. Arama motoru robotlarının site içerisinde izleyeceği yol haritasını belirlemek için kullanılır. Tüm biçimlerde tek bir site haritasının boyutu sıkıştırılmamış olarak en fazla 10 MB boyutunda olmalıdır. En fazla 50.000 URL içermelidir. Daha büyük bir dosyanız veya URL'niz varsa, listeyi birden fazla site haritası halinde bölmeniz gerekecektir.

Örnek sitemap kullanımı;





Sayfalandırma Kullanımı

Birbiriyle bağlantılı ve devamlılığı olan sayfaları belirtmek için kullanılır. Sayfalar arasındaki devamlılık ve bağlantı rel="next" ve rel="prev" şeklinde gösterebilirsiniz.

Sayfalandırma kullanım örneği; sayfasının önceki ve sonraki sayfalarla bağlantısını aşağıdaki şekilde gösterebilirsiniz.

http://www.ornek.com/makale_1.html">
http://www.ornek.com/makale_3.html">

Sosyal Medya Etiketleri Kullanımı / Open Graph Meta Kullanımı

Open graph (og), sosyal medya üzerinde yapılan sayfa paylaşımlarının nitelikli hale gelmesini sağlayan bir uygulamadır. Open graph; Facebook, Twitter, Google Plus, Linkedin, Pinterest tarafından desteklenmektedir. Günümüzde milyonlarca site tarafından kullanılmaktadır. Open graph meta tagı kullanılmıyorsa, site üzerinden paylaşımı yapılacak sayfanın otomatik olarak, varsa başlığı ve içerisinden rastgele bir görsel seçilerek paylaşılır. Yani bu sizin aslında paylaşmak istediğiniz şeklin dışında ve düzensiz, niteliksiz bir paylaşım olur. Niteliksizlikten kasıt ise amatör bir görüntü yaratır. Open Graph taglarının kullanılması ise sayfalarınızı sosyal medya için optimize eder. Open Graph'ın kullanım şeklinde, title, type, url ve image etiketleri yer almaktadır.

Örnek Open Graph kullanımı;







https://example.com/image.jpg]">



https://example.com/]" />
https://example.com/image.jpg]" />



'Rich snippets' ve 'structured data' kullanımı

Arama motoru sonuç listelerinde, sayfanızın menü, yıldız, resim, video, kişi bilgileri gibi sonuçları göstermesi ve sayfanızın arama sonuçlarında daha görsel ve kaliteli olmasını sağlar.

Örnek kullanım şekli;

http://schema.org/Product">

Site / Ürün Açıklaması

http://schema.org/Organization">
Ürün Markası

http://schema.org/Organization">
Manufactured by: Üretici

Model: Ürün Modeli

Product ID: Ürün ID'si

http://schema.org/AggregateRating">
5 based on 10 reviews

http://schema.org/Offer">100http://schema.org/NewCondition" /> New



Dil Seçenekleri Etiketinin Kullanımı

Language etiketi sitenin dilini belirtmek için kullanılan etikettir. Sayfanın hazırlandığı dili belirtmek için kullanılması gerekmektedir. Ayrıca arama motorlarında, aramaları filtrelemek için kullanılan dile göre ara seçeneklerinde de fayda sağlayan bir durum olacaktır.

Örnek Language etiket kullanımı;


Yapılan arama sonuçlarında doğru dili veya bölgesel URL'yi sunmak için ise; rel="alternate" hreflang="x" kullanılır.

Varsayılan dil özelliğini belirlemek için kullanım şekli;

https://stratejikseo.com/" />

Dil özelliğinin belirlenmesi için kullanım şekli;

https://stratejikseo.com/tr/" />

Dil ve bölge(ülke) özelliğinin belirlenmesi için kullanım şekli;

https://stratejikseo.com/tr-TR/" />

Örnek Sitemap uygulanışı;





https://stratejikseo.com/de/" />
https://stratejikseo.com/en/" />



https://stratejikseo.com/en/" />
https://www.stratejikseo.com/de/" />




seo-etiketler-1.jpg



Schema.org Kod Kullanımı

Schema.org, arama motorlarının daha iyi sonuçlar çıkarabilmesi için Google, Microsoft ve Yandex tarafından ortak yapılmış bir işaretleme dilidir. Schema.org kullanımı sitenizin arama motorları tarafından daha iyi anlaşılmasını sağlamaktadır. HTML etiketi içerisinde kullanılan yazının ne anlama geldiği schma.org ile açıklanarak belirtilir. Yani arama motorlarına daha detaylı bilgiler vermenize yardımcı olur. Böylelikle siz kendinizi arama motorlarına daha iyi ifade etmiş olurken, arama motorları da kullanıcılara daha iyi hizmet etmiş oluyor.
Örnek verecek olursak; sitenizde Avatar filmiyle alakalı bir içerik bulunduruyorsunuz. Kodlama yaparken bu Avatar kelimesi bir filmi de ifade edebilir, bir profil fotoğrafını da ifade edebilir. Bu durum arama motorlarına aradığı içeriği bulmakta zorluk çıkartıyor. İşte burada kullanılan 'Avatar' kelimesinin bir filmi temsil ettiğini arama motorlarına belirtmeniz lazım. Bunun içinde HTML kodlarınızın içine kullanılan öğe ile ilgili itemscope, itemtype, itemprop gibi kodlamalar ekleyerek öğe hakkında detaylı açıklamalar sunabilirsiniz.

Örnek Schema.org kullanımı;

<Div itemscope itemtype = "a href="http://schema.org/Movie"" target="_blank" class="link link--external" rel="nofollow noopener">http://schema.org/Movie">
<h1 itemprop = "name" > Avatar
<span> Yönetmen: <span itemprop = "yönetmen" James Cameron, / span (16 Ağustos 1954 doğumlu)>
<span itemprop = "tür" > Bilim kurgu



Responsive Meta Tag / Viewport Kullanımı

Responsive viewport meta tagı, web sayfanızı oluşturan tasarımın mobil cihazlara uygun hale getirilmesi için kullanılmaktadır. Yani web sayfanızın akıllı telefon ve tabletlerde görünüm olarak uyumlu hale gelmesini sağlamak için kullanılır. Responsive tasarım ile web sitenizi tüm cihazların ekranına optimize edebilirsiniz. Daha anlaşılır bir şekilde ifade etmek gerekir ise; web sayfanızın masaüstü versiyonunda yer alan resimleri, fontları ve yazıları; tablet ve mobil cihazların ekranları için küçülterek, bu ekranların boyutlarına uyumlu hale getirilmesidir.
Width, cihazın ekran genişliğini; height, cihazın ekran yüksekliğini ayarlamanıza yardımcı olur. initial-scale, 0 ile 10.0 arası bir değer girilerek sayfanın ölçek ayarını yapmanıza olanak tanır. Minimum-scale, maksimum küçültme oranını; maximum-scale, maksimum büyütme oranını belirlemenizi sağlar. User-scalable, Yes veya No değeri verilerek kullanıcının ekranı küçültme ya da büyültmesi için vereceğiniz izni ayarlamanıza olanak tanır.

Örnek viewport meta tag kullanımı;
 

Benzer konular

İçerik sağlayıcı "paylaşım" sitelerinden biri olan Harbimekan.Com Forum, Eğlence ve Güncel Paylaşım Platformu Adresimizde 5651 Sayılı Kanun’un 8. Maddesine ve T.C.K’nın 125. Maddesine göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. Harbimekan.Com sitesindeki konular yada mesajlar hakkında yapılacak tüm hukuksal Şikayetler için info@harbimekan.com yada iletişim sayfası üzerinden iletişime geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 3 Gün (72 Saat) içerisinde Forum yönetimi olarak tarafımızdan gereken işlemler yapılacaktır.

Bu Site, Bilim ve Sağlık Haber Ajansı Üyesidir.

Yığıntı - 8kez - kaynak mağazam - Uğur Ağdaş - genel forum - webp converter