Arkadaşlar film sitem için seoyu biraz geliştirmek istedim ve neresine neler ekleyebilirim diye düşünürken araştırmaya başladım ve logomuzu da seolu yapabiliyormuşuz bunu öğrendim ve sizlerle paylaşayım dedim :)
Öncelikle size nasıl ypacağımızı kısaca anlatayım ve ardından kodlamaya başlayalım
sizinde bilfiğiniz üzere google h taglarına pragraf yani p etiketlerine oldukça önm veriyor bizde logomuzun arkadasına h ve p taglarını gizleyeceğiz yani ziyaretçi siteye baktığında sitemizin logosunu görecek ama google botları sitemize girdiğinde sitemizdeki h ve p tagını görebilecek
evet şimdi kodlamaya başlayalım
Öncelikle css yani tasarım dosyamızı açalım ve içine aşağıdaki kodları ekleyelim
#logo {
float:left;
width:200px;
height:71px;
}
#logo h1 a{
display:block;
width:200px;height:71px;
background: url(resimler/logo.png) no-repeat;
text-indent: -999em;
}
#logo p{
display:none;
}
Zaten Css bilgisi olan yukarıdaki kodu anlar anlamayanlar içinde bahsedecek olursak
logo adında bir id tanımladık ve bu id ye arkaplan olarak logomuzun yolunu verdik mesela div class="id" ŞEklinde bir kullanım yaptığımızda arkada logomuz çıkar diyeyim anlayın :)
şimdi içinizden o kadarda aptal değiliz anlıyoruz diyorsunuz ama hiç bilmediğinizi farzederek yazıyorum o yüzden kusura bakmayın oldukça basitleştirip anlatıyorum :)
evet css dosyamızı kaydediyoruz ve kapatıyoruz
Ardından Sıra geliyor html sayfamıza yada php aspnet falan neyle yazıyosanız artık işte logo kısmına aşağıdaki kodları ekliyoruz
Evet Yukarıdaki kodu yazıp kaydettip sitemize giriyoruz bakıyoruz aa sitemizde değişiklik yok hemen üzülüyoruz olmadı vehbi yanlış bilgi paylaşmış diyoruz :) ardından aklımıza kaynağa bakmak geliyo kaynağa bakıyorsunuzki aaa h1 tagı varr biraz bi satır aşağı iniyorsunuz p tagı da var ve sitenizin logosuna seo yapmış bulunuyorsunuz :)
Hadi hayırlı olsun
Hiç yorum yok:
Yorum Gönder