SEO UYUMLU HTML WEB SAYFASI NASIL YAPILIR?

Selam olsun tüm SEO sever dostlara. Sizlerden gelen soruları yanıtlamaya devam ediyorum. Bugün sizler için seo uyumlu html web sayfası nasıl olmalıdır? konusunu derledim. Seo'daki en önemli etmenlerden birisi sayfa yapısı ve içeriği eğer seo ile ilgileniyor ve seo konusunda uzman olmak istiyorsanız bu konuyu çok dikkate almalısınız.

Seo'da html sayfa yapısı neden önemlidir?

Sayfa yapısının içeriğini sitemize gelen ziyaretciye güzel bir şekilde yazım kurallarına dikkat ederek sunduğumuzda okunurluğunu ve akıcılığını belirlemiş oluyoruz. Bu zaten olması gereken bir detay fakat yazdığınız içerik arama motorlarında bulunabilir olması gerekiyor ki siteye ziyaretci gelsin ve yayınladığınız içeriği okusun işte burada Seo(Search Engine Optimizasyon) devreye giriyor.

Makalemizin bulunabilirliğini arama motorlarındaki robotlara aynı siteye gelen ziyaretciye yazım kurallarına uyarak güzel bir şekilde sunduğumuz gibi sunmamız gerekiyor. Yazım kuralları biz insanlar için, robotların yazım kuralları ise html etiketlerinden oluşuyor. Bu aradaki mantığı çok iyi kurmanız gerekiyor. Düz mantık yapmak gerekirse basılı yayında dergi,gazete gibi sadece yazım kuralları yeterli. Ama dijital ortamda, sitenizde bir makale yazıyor ve bunun bulunabilir olmasını istiyorsanız arama motorlarının robotları içinde yazım kurallarına dikkat etmelisiniz. Eğer burada ki mantığı kavradıysanız makalenin geri kalanını okumaya hazırsınız demektir.

• İçindekiler
• Seo Nedir?
• Html Nedir? HTML Kodlama Dili midir?
• Seo uyumlu Html Head Etiketleri (Kodları) nelerdir?
  • Title Kullanımı
  • Description Kullanımı
  • Keywords Kullanımı
• Seo uyumlu Html Body Etiketleri (Kodları) nelerdir?
  • Paragraf (p)
  • Heading Başlık <h1>  -  <h6>
  • Link, Bağlantılar
  • Güvenilir, Bağlantılar
  • İmage, Resimler Alt Tags
  • Kelime vurgulama b,strong,u,em

Seo Nedir?

Seo arama motoru optimizasyonu, ücretsiz organik siteye ziyaretci çekme yada arama motorlarında daha iyi performans göstermesi için yapılan çalışma anlamına gelir. Seo Açılımı (Search Engine Optimizasyon) Yani İngilizce kelimelerin kısaltması türkçe anlamı ise arama motoru optimizasyonudur. Seo'yu en basit olarak tanımlamak gerekirse web sitelerinin arama motorları (Google, yandex, bing) yükselmesi doğal olarak trafik artışı için yapılan çalışmalardır.

Html Nedir? HTML Kodlama Dili midir?

HTML (Hiper Metin İşaretleme Dili) en çok kullanılan web dili olması sebebiyle çoğu kişi tarafından programlama dili sanılabilir ancak bilinenin aksine HTML bir programlama dili değil metin işaret dilidir. HTML web sayfasının nasıl gösterileceğinin yapısını ve öğeleri tanımlar. HTML kodları tarayıcı (Browser) tarafından okunur ve yorumlanır.

Hangi yazılım kullanılırsa kullanılsın. Web olarak çalışması için html formatına döndürülür. Browser yani tarayıcılar html olarak sayfaları okur. Yazdığımız makalelerin web sitesinde bir sayfa içerisinde yer alır sayfa bütünü html işaretlemesinden oluştuğu için html kodlarının, taglarının bazılarına seo uzmanları hakim olmak zorundadır.

Seo Uyumlu Html Head Etiketleri (Kodları) Nelerdir?

Html sayfa dizin yapısı içinde yer alan 2 bölümden birisi head tarafıdır. Head tarafında bulunan Html Etiketleri sayfanın yapısal detaylarını, özelliklerini tagslar ile belirtir. Bu tagslardan Seo uzmanlarının en hakim olması gerekenler: Title, Description ve Keywords alanlarıdır.

Title Sayfa Başlığı kullanımı:

<title>Sayfa Başlığı</title>

Description sayfa içeriğinin kısa özet açıklama kullanımı:

<meta name="description" content="Sayfa kısa Açıklaması"/>

Keywords Kullanımı:

<meta content="anahtar kelime 1, anahtar kelime 2, anahtar kelime 3, anahtar kelime 4, anahtar kelime 5" name="keywords" />

Not: Google keywords kullanımını meta tagslardan okumayacağını açıkladı ama diğer arama motorları halen kullanmaya devam ediyor. Sayfanızda bulunması yine faydalıdır. Fakat anahtar kelimeleri sayfa içerisinde vurgu yaparak kullanmanızı daha çok öneririm. Kelime vurgulamayı detaylı inceleyin. Ayrıca Anahtar kelimelerin sayfa içinde kullanımı, oranlarıa önemlidir.

Seo uyumlu Html Body kodları Nelerdir?

Body html sayfamızın siteye gelen ziyaretcilerine gösterildiği kısma denir html 2 bölümden oluşur demiştik birisi üst kısım head diğeri body olarak yer alır. body ziyaretciye head ise sayfanın özelliklerini belirten botların, robotların okuduğu yerdir.

body'nin html içindeki kullanımı

body içerisinde yer alan html tagları ile sayfanın işaret yapısında belirttiğimiz içeriğini vurgulayarak göstermemizi sağlar sırasıyla listelemek gerekirse seo uzmanlarının hakim olması gereken html body kodları ve kullanımları:

• Başlık h1,h2,h3,h4,h5,h6 
• Paragraf (p)
• link url belirtme (a)
• Resimler image (img)
• kelime vurgulama (b,strong,u,i,em)

Heading - Başlık (h1-h6) Kullanımı

Başlık için sayfanızda mutlaka en az 1 tane h1 <h1>Başlık</h1> belirtmelisiniz. Diğer h2,h3,h4,h5,h6 tagları ise konu alt başlıkları olarak kullanılmaktadır.

Paragraf Kullanımı

Metin yani makale içindeki yazıları buraya metin olarak kullanılması uygundur.  Bu etiketin içerisine konulan yazılar bir paragrafı oluşturur.

<p> Bu paragraf içerisinde ki bir yazıdır. </p>

link(Bağlantı) Kullanımı

Yazdığımız içerikte eğer bir referans belirterek sayfadan başka bir url adresine kullanıcıyı yönlendirmek istediğimizde kullandığımız yöntem bağlantı(Link) yöntemidir. kullanımı:

<a href="gideceğiurl" alt="Yönlendirme Adı" title="Yönlendirme Adı">Görünen Yönlendirme Adı</a>

Güvenilir Bağlantılar kullanımı:

Güvenilir olarak bir bağlantı ile referans vermek istemediğimizde bağlantı a tagımıza rel="Nofollow" yani arama motorlarına gideceğin url referans vermiyorum diye belirtiriz. rel="Dofollow" ise güvenilir olduğunu belirtir. rel="içerisine" ugc,sponsored,nofollow ve dofollow olarak değerler alabilir. Daha detaylı bilgi için Tıklayınız.

Kullanımı ise şöyledir:

<a href="gideceğiurl" rel="Dofollow" alt="Yönlendirme Adı" title="Yönlendirme Adı">Görünen Yönlendirme Adı</a>

Not: İki tane değer belirtme rel="ugc, nofollow" olarak kullanımı mevcuttur

Resimler Alt Tags kullanımı

Resim ve image dosyalarında resimin eğer arama motorlarında resim adı yazdığında görsellerde yer almasını istiyorsak alt="Resim Adı" olarak belirtmemiz gerekiyor. Html tag kullanımı:

<img src="resimyoluveadı" alt="resimin adı" width="Genişlik" height="Yükseklik"/>  

Kelime Vurgulama Tags Kullanımı:

Yazdığımız içeriklerde önemini artırtmak, vurgu yapmak için html tags etiketlerinden yardım alırız. Bunlar b,strong,u,em,i en yaygın olanları seo uzmanlarının hakim olması gerekenler diyebiliriz. Özellikle google html meta tagslarından keywords kullanmayacağını anahtar kelimelerin sayfa içerisinde yoğunluk ve vurgunlanmış olanlarına önem vereceğini bildirdikten sonra daha da kullanımı yaygınlaştı.

Yazdığınız makalenin bir html web sayfasının yani içeriğin anahtar kelimelerini vurgular ile kullanımı <b>Seo</b> olarak örnekleyebiliriz. özellikle o vurgu a tagları içerisinde yer alırsa robotların daha çok dikkatini çekmekte yani <a href="gideceğiadres" alt="seo" title="seo"><b>Seo</b></a> 

Seo uyumlu makale yazma aracı ile anahtar kelimelerinizin kaç defa kullanıldığını ve bu vurguları anlık olarak yoğunluğunu ölcebilirsiniz. Buda benden size jest olsun :)

Genel noktada Seo uyumlu web sayfalarının html tag kullanımına ve önemine değinmeye çalıştım. Umarım faydalı ve sizlere ilham verici bir konu olmuştur.