HTML5 kodu "cazibesi" ile arama motorlarının dikkatini nasıl çekebilir?
Yazar | Thaís V
Çevirmen | Crescent Moon, Baş Editör | Tu Min
Aşağıdaki çeviridir:
HTML5 kodunuzun Google gibi arama motorlarının dikkatini çekmesini sağlamak için HTML dil kuralları üzerinde çok çalışmanız ve kod yazarken bazı stratejiler uygulamanız gerekir. Böyle bir kod yazmak zor değil ve pek çok faydası var.
Bu yazıda şunları tanıtacağız:
-
HTML5 yapısal anlambilimin rolü nedir?
-
Bu anlambilim neden bu kadar önemli?
-
Google gibi arama motorlarının ilgisini nasıl çekebilirim? Bir örnek vereceğim!
-
Doğrulama araçlarından nasıl en iyi şekilde yararlanılır?
Şimdi başlayalım!
HTML5 yapısal anlambilimin rolü
HTML5 yapısal anlambilimin işlevi, belgenin içeriğini anlamsal etiketler aracılığıyla organize etmektir ve farklı tasarım amaçlarına sahip birkaç etiket kullanır.
Anlamsal HTML etiketleri, HTML belgelerinin içeriğinin anlamını tanımlamak için tasarlanmıştır ve ayrıca programcıların, tarayıcıların ve arama motorlarının bu anlamları daha net anlamasına yardımcı olabilir.
Bu nedenle, anlamsal kod, kullanıcı gezinmesini erişimi, modellemeyi ve bakımını kolaylaştırabilir. HTML'nin rolü, belgenin kendisini oluşturmak değil, anlamsal etiketler aracılığıyla içeriğe anlam vermektir.
Anlamsal öğelerin doğru kullanımı, modern, düzenli ve standartlaştırılmış web sayfaları oluşturmak için gereklidir ve ayrıca kodu okumak ve sürdürmek de kolaydır.
Anlambilim gerçekten önemli mi?
Anlambilim, Web platformuna özgü temel avantajlardan biridir, bu nedenle anlambilim gereklidir. Düzgün yapılandırılmış kod yazmak, arama motorlarının (Google gibi) web sitesinin içeriğini değerlendirmesine yardımcı olur. Ek olarak, kayda değer bazı değerli nedenler vardır:
-
Doğru etiket, web sitesinin rekabet gücünü artırabilir;
-
Doğru etiket, görme engelliler gibi özel ihtiyaçları olan kullanıcıların web sitesinin içeriğine erişmesini kolaylaştırabilir;
-
Doğru etiket, diğer geliştiricilerin web sitesini sürdürme baskısını azaltabilir;
-
Doğru etiket, işinizi daha profesyonel hale getirebilir;
-
Doğru etiket, web sitenizin Google'ın arama sonuçlarında görünüp görünmeyeceğini bile etkileyebilir.
Tahmin edin, web sitesinin anlamını kim okuyacak ve web sitesinin içeriğinin arama anahtar kelimeleriyle ilgili olup olmadığına kim karar verecek? Doğru, Google ve diğer arama motorları! Bir web sitesinin arama sonuçlarındaki sıralaması da arama motorları tarafından belirlenir.
Ciddiye almalısın?
Ve arama motorlarının dikkatini çeken ana anlamsal etikettir!
Aşağıda, bazı önemli semantik etiketleri listeliyorum:
< ! DOCTYPE html > : < ! DOCTYPE > HTML etiketleri değil. Bu etiket, tarayıcıya HTML sürümü hakkında bilgi sağlar. HTML oluştururken belirtmemiz gereken ilk şey bu etikettir.
< baş > : < baş > Evet < Başlık > , < bağlantı > , < senaryo > Diğer öğeler için konteynerler, bu öğeler tarayıcıda görüntülenmeyecektir.
< html > : < html > Etiketler, tarayıcıda görüntülenmeyecek olanlar dahil, HTML öğeleri için kaplardır.
< nav > : < nav > Bir dizi bağlantılı listeden oluşur.
< ana > : Yalnızca bir HTML dosyası olmalıdır < ana > Rolü, ana içeriği düzenlemektir, altbilgide veya makaleler gibi diğer etiketlerde görünmemelidir.
< Bölüm > : Her biri < Bölüm > Her ikisi de bir dizi sıralı makale başlığı ve başka etiketler içerebilir. Belgenin bölüm, altbilgi, yan veya diğer bilgiler gibi bir bölümünü temsil eder.
< makale > : < makale > Diğer içeriğe güvenmeden bağımsız bir içeriği işaretlemek için kullanılmalıdır.
< kenara > : < kenara > İçerik, konuya ek olarak kullanılmalıdır. Reklamlar gibi, belgenin ana içeriğiyle ilgili olmayan içerik eklemek için de kullanabilirsiniz.
< şekil > : < şekil > Görünümü, belgenin görüntü içerdiğini gösterir.
< figcaption > : < figcaption > Resmin açıklamasını içerir.
< altbilgi > : < altbilgi > Sitenin altbilgisini veya belirli bir bölümün altbilgisini tanımlar. Bu etiketin içeriği, gezinme menüleri, sosyal medya bağlantıları, hizmet şartları, gizlilik politikası, ticari markalar vb. Gibi çeşitlidir.
Daha fazla etiket görüntülemekle ilgileniyorsanız, lütfen w3school çevrimiçi eğitimini ziyaret edin.
Doğrulama aracı
Doğrulama araçları, kodunuzun yapılandırılmış anlambilim kurallarına uygun olup olmadığını kontrol edebilir ve ayrıca neyin değiştirilmesi gerektiğini de açıklar.
İşte bir araç: Validator W3 (https://validator.w3.org/), bu aracın kullanımı çok basittir. Öncelikle bir HTML dosyası yüklemeniz veya kodu kopyalayıp web sitesine yapıştırmanız gerekir. Web sitesinde doğru anlamsal yapıyı uygulayabilir ve en iyi uygulamaları bulabilirsiniz.
sonuç olarak
Bu yazıda bahsedilen uygulamalar çok önemlidir. Çünkü bu uygulama web sitesi trafiğini artırabilir, web sitenizin arama motorlarındaki sıralamasını iyileştirebilir ve ayrıca kodunuzun anlaşılmasını ve korunmasını kolaylaştırabilir.
Kodu incelemek ve çabalarımızı daha değerli hale getirmek için biraz zaman harcamalıyız. Google gibi arama motorlarının ilgisini çekmek için birlikte çalışalım!
Orijinal: https: // hackernoon .com / siz-ve-html5-googles-robotları-etkileyebilir ve ilk sayfalarda-olun-s5122b8a
Bu makale bir CSDN çevirisidir, lütfen yeniden basımın kaynağını belirtin.
