HTML Nedir?

Kendinize HTML’nin ne olduğunu sorun, sizin için cevabımız var. Terim genellikle web sitesi tasarımı ile bağlantılıdır. Size her şeyin neyle ilgili olduğunu söyleyeceğiz.

HTML: web sitenizdeki yapı için biçimlendirme dilidir. Bu, web sayfalarının yazıldığı biçimdir.

Web sitesini oluşturan kişi, bir web sitesinin metnini bir HTML dosyasına yazar. Metin, HTML dosyasıyla yapılandırılabilir ve biçimlendirilebilir (örneğin, yazı tipi boyutu ve yazı tipi). Ayrıca diğer web sitelerine HTML aracılığıyla bağlanabilir veya metninize resimler, videolar veya arka plan gürültüsü ekleyebilirsiniz.

Chrome, Firefox, Safari veya Internet Explorer gibi tarayıcılar HTML dosyasını saniyeler içinde okur ve ardından grafiksel olarak görüntüler.

Kural olarak, HTML dosyaları artık kullanıcı tarafından yazılmaz. Bu çalışma, grafik kullanıcı ara yüzü olan web sitesi operatörleri için yapılır-bu, örneğin, WordPress veya Typo3 gibi içerik yönetim sistemleri aracılığıyla yapılır.

İpucu: Bu web sitesindeki boş bir alanı sağ tıklayın ve “Farklı Kaydet” veya “Sayfayı Farklı Kaydet” seçeneğini seçin. Daha sonra HTML dosyasını bu web sitesinden indirebilir ve çıplak kodu düzenleyicide görüntüleyebilirsiniz. Tek tek kelimelere ek olarak, her zaman bağlantılar veya resimler için komutlar bulacaksınız.

Geçmişte, web siteleri tamamen HTML olarak programlanmıştı. Birçok web sitesinde artan dinamikler nedeniyle, CSS modern web tasarımı için de kendini kanıtlamıştır. HTML bu nedenle yalnızca bir web sitesini yapılandırmak için kullanılır. Örneğin, bir metnin başlık mı yoksa çalışan metin olarak mı görüneceğini belirleyebilirsiniz. Bağlantılı bir CSS dosyasında, böyle bir metin bölümünün hangi formatta olması gerektiğini tanımlarsınız. Bir sonraki pratik ipucunda, HTML ve CSS arasındaki farkların nerede olduğunu size ayrıntılı olarak göstereceğiz.

Tanımı gereği, HTML tek tip, metin tabanlı bir biçimlendirme dilidir. Basit biçimlendirme öğelerinden, sözde “etiketlerden” ve <br> gibi boş öğelerden oluşur. HTML, “Köprü Metni Biçimlendirme Dili” anlamına gelir. Tarayıcıların web sitelerini yorumlamalarını, görüntülemelerini ve bağlantılarını sağlar. 

Mevcut standartta, XHTML ve HTML, gerekli tüm unsurlara sahip   arama motoru için optimize edilmiş ve kullanıcı odaklı web siteleri oluşturmak için kullanılır. Duyarlı tasarım ve kod içinde çeşitli ödüller de arama motoru sıralaması ile ilgilidir.

HTML ortaya çıktı çünkü bilim adamları başlangıç ​​sayısallaştırma döneminde araştırmaları hakkında birbirleriyle iletişim kurmak istediler. Bilimsel çalışmanın içeriği birbirine atıfta bulunabilmeli ve başlıklar veya biçimlendirme gibi ilgili metin işaretlerinin tutarlı bir şekilde aktarılması gerekir. Bu fikre dayanarak, HTML 13 Mart 1989’da Tim Berners-Lee tarafından Cenevre’deki CERN’de önerildi. Bu basit yol, enstitülerdeki ve hatta ülkelerdeki diğer belgelerdeki diğer yayınlara atıfta bulunmayı mümkün kıldı. World Wide Web’in temelleri atıldı. HTML, İnternetteki web siteleri için hiçbir zaman standart dil haline geldi.

• Bir HTML Kodu Nelerden Oluşur?

HTML kodunun metin tabanlı olması nedeniyle, tam, işlevsel bir kod veya web sitesinin “kaynak metin” adı verilen kod, etiket öğelerinden oluşur. Her ödül örneğin <b>, ardından bir açılış gününde oluşur metne görüntülenecek içinde ödül. Son olarak, metnin biçimlendirilmesi bu durumda bir kapanış etiketi ile biter: </b>

Açıklayıcı bir örnek:

<b> Kalın yazı tipindeki metin </b>

<i> İtalik metinler </i>

• HTML Etiketleri

HTML’deki etiketlerin temel bileşenleri

Ayrım, her zaman iki etiket arasındaki içerikle ilgilidir. Bu işaretleme elemanlarına ek olarak, kapatılması gerekmeyen etiketler de vardır. Biri “boş etiketler” den bahsediyor.

Örneğin, satır sonları olan durum budur:

<br> veya ertesi gün, bir görüntünün entegrasyonunu sağlayan <img>.

Bu etiketler formatlanacak bir metin bölümüne atıfta bulunmadığından, bu elemanların da bir kapanış etiketine ihtiyacı yoktur.

• HTML’de Temel Bir Yapı Neye Benziyor?

Bir HTML web sitesinin temel yapısı, en önemli alanları tanımlayan çeşitli etiketlerden oluşur.

• Bir HTML Dosyasının Temel Yapısı

Ayrıca, tarayıcıdaki web sitesindeki öğelerin yazı tipini, yazı tipi biçimlendirmesini ve yerleşimini tanımlayan etiketler de vardır.

Günümüzde, web siteleri bazı dezavantajları olduğu için çerçevesiz geçmektedir. Bir çerçeve denilen birkaç kare, bir yan vardır, bu olabilir o arama motoru sadece uygun içerik bulunabilir hangi çerçeve ile HTML sayfayı çağırır-ama hiçbir menü veya eşleşen bir ortamı ekleyin. Ayrıca, kullanıcılar çerçeveli bir web sitesindeki alt sayfalarda yer imleri ayarlayamaz.

• HTML’nin SEO ile Ne İlgisi Var?

Pratik olarak tüm SEO OnPage önlemleri doğrudan veya dolaylı olarak HTML’deki komutlar ve işaretlemelerle ilgilidir. Bunun nedeni, arama motoru botlarının ve tarayıcıların, bulunan web sitesinin içeriğinin arama sorgusu için ne kadar uygun olduğunu değerlendirebilmek amacıyla anahtar kelimeler ve belirli içerik için belirli HTML etiketlerini kontrol etmeleridir.

Bu nedenle deneyimli SEO uzmanları, web sitesinin bu bilinen özelliklerini optimize edilecek şekilde ayarladıklarından emin olurlar. 

Bizim OnPage uzmanları size ne kadar iyi veya iyileştirilmesi gereken web sitenizin arama motoru optimize olduğunu söylemek için mutlu olacak.

 

SEO’nuz için Önemli Olan Bazı HTML Etiketleri Şunlardır:  

 

• Alt Etiket: (Alternatif Etiket)

Resminiz görüntülenmiyorsa ve erişilebilir web sitelerini destekliyorsa, resminizin metin biçiminde alternatif açıklaması. Bu etiket meta bilginin bir parçasıdır ve genellikle görüntülenmez. 

• Başlık etiketi:

Web sitesinin başlığını tanımlar ve önemli bir sıralama faktörü olarak kabul edilir. Olmamalı sadece anahtar kelimelerle doldurulması, ancak makul mesaj attı. 

• Çerçeveli HTML

Eğer kullanırsanız değil çünkü eksikliği, daha kullanılabilirlik. Lütfen sunucu tarafında oluşturulmuş web sitelerini kullanın. 

• Meta Açıklaması

Web sitesindeki kullanıcı tarafından görülemeyen bu HTML sayfasının içeriğini ve amacını açıklar. Arama motoru sadece bu açıklamayı okumakla kalmaz, aynı zamanda yönlendirme için arama sonuçlarında da oynatabilir. Açıklama HTML kodunda belirtilmezse, arama motorları web sitesinden bir şeyler okumaya çalışır. Bu nedenle, HTML kaynak kodunda bu açıklamayı kendiniz yapmak mantıklıdır. 

• Başlıklar (Başlık Ödülleri)

Arama motorunun web sitesini daha iyi ve daha yapılandırılmış bir şekilde okuyabilmesi için açıkça tanımlanmış bir başlık yapısı öneririz. Her durumda, bu sadece bir ana başlık “H1” içerir ve içeriğin anlamlı alt bölümlerine bağlı olarak, <h3> 'e kadar olan alt bölümler, bazen daha da derindir. Bu ödül genellikle yazı tipi boyutunu ve ödülünü de etkiler. (Kalın, italik, vs.)  Bu araçlar bu atama başlıkları kodunda da sonuçlanır metnin biçimlendirme içinde ama sadece görünüşte değil, içerik olarak.

• NoFollow (Bağlantılar için takip edilmeyen özellik)

Bu özellik, sen istemiyorsan affetti kendi web sitesinde bir bağlantı olabilir o yüzden işaretli Bağlantıdaki aracılığıyla kendi sitesi takip dan arama motorları. Bu teknik yaygındır ve B pazarlama ile anlamlı bir bağlantı estandteil. 

• Kanonik Etiketler

Bu etiketle, arama motoruna en önemli URL ve ilgili içeriğin bir göstergesini verebilirsiniz. HTML işaretlemesi, her sayfa için kaynak metinde oluşur ve web sitesinin bilgi yapısı veya web sitelerinin arama motorları için daha iyi okunabilirliği için kullanılır.

• Bir HTML Belgesi Oluşturmak için Hangi Programa İhtiyacınız Var?

Aslında, herhangi bir metin düzenleyicide veya kelime işlemcide HTML kodu oluşturabilirsiniz. Kod geçerli olarak yazıldıktan sonra, belgenin “.html” dosyası olarak kaydedilmesi de önemlidir.

Bununla birlikte, ilgili editörlerde HTML sayfaları oluşturmak çok daha rahat ve nettir. Bunlar kodun kontrol edilmesini, etiketlerin renklendirilmesini ve içeriğin daha net yapılandırılmasını sağlar.

• Doğru HTML ve CSS Neden Önemlidir?

Tüm yaygın tarayıcılar, kabul edilen HTML ve CSS standartlarına uyuyor ve web’in ilk günlerinde tek tek tarayıcılarla kısıtlanmış biçimlendirme yapmadan web sitelerini temiz ve büyük ölçüde tek biçimli bir şekilde görüntüleyebilir. “Bu sayfa ... için optimize edilmiştir” ifadesi artık yalnızca eski ve kirli web siteleri için bir işarettir.

Bununla birlikte, tarayıcılar nispeten hataya dayanıklıdır ve ayrıca bilinmeyen, eksik, yanlış veya güncel olmayan bilgiler içeren web sitelerini görüntülemeye çalışır. Bir tarayıcının bilmediği şey, basitçe yok sayar, gerisi mümkün olduğu kadar görüntülenir. Ancak, bu “mümkün olduğunca iyi” her zaman web tasarımcısı amaçladığı gibi değildir. Ve her şeyden önce: her tarayıcı tuhaflıklara farklı tepki verir ve sayfayı tamamen farklı gösterebilir.

Bu nedenle, tüm mevcut tarayıcıların bir web sitesini görüntülemek için kullandıkları iki görüntüleme modu vardır. Gelen standart modda sayfa belge türü şartnamede bu iletişim kuruyorsa, standartlara uygun temiz bir HTML görüntülenir. Bu tür sayfalar daha sonra tüm modern çıktı programlarında büyük ölçüde aynı görünür. Tarayıcı, herhangi bir belge türünü algılayamadığında otomatik olarak seçilen “Quirks modu” olan Quirks Modu da vardır. Böyle bir sayfayı nasıl sunacağı ona bağlıdır ve mutlaka diğer programların sayfasıyla çakışmaz. Bu konu hakkında daha fazla bilgi için doğru doktrop.

Bununla birlikte, bir tarayıcı, doküman türünü belirterek, DTD’de (Belge Türü Bildirimi) tanımlanan standarda uyduğunu iddia eden ancak gerçekte bunu yapmayan web sitelerinden daha da fazla sorunla karşılaşır. Çoğu durumda, sonuç burada yaratıcı tarafından tasarlanandan çok farklıdır. Sözde tarayıcı hatalarının çoğu, yanlış, geçersiz HTML kodu veya geçersiz CSS bilgisinden kaynaklanmaktadır. Web standartlarına, geçerliliğine, HTML sayfalarına ve CSS dosyalarına uymak çok kolaydır, çünkü bunu kontrol eden, her hatayı işaret eden ve yorumlayan hızlı ve ücretsiz çevrimiçi hizmetler vardır.

 

• World Wide Web’deki HTML

Biçimlendirme dili HTML, İnternette kullanılması amaçlanan bir belgedeki başlıkları veya numaralandırmaları tanımlar. Bir web sitesinin tüm yapısı etiketler kullanılarak önceden tanımlanmıştır.Tarayıcı sonra ortaya çıkan HTML metni okumak ve buna göre içeriğini görüntüleyebilir. Bu, daha sonra tarayıcıda kullanıcıya gösterilmesi gereken içerik olduğu anlamına gelir.

Dijital içeriğin saf yapılandırılmasına ek olarak, HMTL’nin yardımıyla bir web sitesi hakkında ek bilgiler saklanır. Sözde meta bilgi, yazar hakkındaki bilgiler gibi ek verileri saklamak için kullanılır. Bu bağlamda, sayfanın özetlenmiş içeriği de kaydedilir.

HTML aracılığıyla verilen meta bilgiler, arama motorları ve dolayısıyla dijital ürünün sıralaması için geçerlidir.

Bir web sitesinin operatörü, web sitesini arama motorları için optimize etmek istiyorsa, ilgili anahtar kelimeleri HTML kodlarını kullanarak eklemesi tavsiye edilir- bu, SEO çalışması için gereklidir.