Bootstrap 4 ile Seo uyumlu metin etiketleri kullanımı

Merhaba arkadaşlar günümüz teknolojileri her dakika gelişim kaydederken yazılımda kullandığımız diler, freamworklerde gelişimini ve sürüm yükseltmelerini güncelliyor.

Css freamworkü olarak bilinen ve özellikle responsive grid sistemini kullandığımız bootstrap 4 olarak sürüm güncellemesi ile birlikte içeriğinde metinler olan sitelerin seo uyumlu olması google robot ve tarayıcıların en dikkat ettiği bir konu.

Öncesinde neden kullanmamız gerektiğini belirtmeliyim ki konunun önemini anlayalım

eskiden yazının büyüklüğü küçüklüğünü rengini kalın ince italik hep manuel olarak css dosyasında belirtiyorduk örnek: 

font-size:14 px ile yazı boyutu tamam yine kullabailiriz fakat seo uyumlu googler robotlarının makalelerinizi okumasını ve öne çıkartmasını istiyorsanız etiketleri yazı içerisinde önemine ve vurgusuna göre kullanmamızı istiyor.

Gelin bunları birlikte örnekleriyle birlikte kullanalım. bootstrap 4 kullandığınızı ve kurduğunuzu var sayarak anlatıyorum.

 

Bootstrap 4 ile Metin Sitil örnekleri


Display Öne Çıkan Başlık Kullanımı

Display kullanımları : class olarak display-1,display-2,display-3,display-4,display-5,display-6


small Küçük Metin Kullanımı Örneği

u etiketi ile Altı Çizili Metin Örneği

strong etiketi ile metin güçlendirme Örneği

em etiketi ile italik metin yapma İtalik örneği

mark etiketi ile metin işaretleme İşaretleme Örneği

del etiketi ile silinmiş metin Örneği

s etiketi ile üstü çizili metin Örneği

s etiketi ile del etiketi aynı görünür ama del etiketi metini tarayıcıya silindi artık kullanılmayacak olarak yorumla bunu der


.text-muted clası ile Pasif metinkullanımı

Pasif Metin örneğidir


lead ile öne çıkan metin özelliği

lead clası ile öne çıkan yazı olarak tarayıcıya oku diyoruz.


kaynak belirtme kullanımı

Örnek Kullanımı şu siden alıntıdır gibi


etiket kısaltma kullanımı

Türkiye Cumhuriyeti kimlik numaralarında kısaltma T.C olarak kullanılmıştır


klavye girdi etiketi kullanımı

Yazıcıdan çıktı almak için CTRL+P tuş kombinasyonunu kullanınız


etiketi ile değişken kullanımı

var etiketi değişken olarak kullanılır 1+1=2


etiketi Metin içi kullanımı

Metin içinde kod gösterirken

 


Consol açarak örnek kullanımlarını kod bölümünden inceleyebilirsiniz.

Görüş Hata Bildir

Güvenlik Kodunuz:

Yorum Yap

Yorum kodunuz:

DMCA.com Protection Status
0.0392