MyBB Depo Forum

Orjinalini görmek için tıklayınız: SEO’lu Logo Yapımı
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
[attachment=1163]

Her geçen gün internet ortamında bilgiler çoğalıyor. Bu bilgilerden biri de SEO’lu logo yapımı diyebiliriz. Bu işlemde biz logoya ek olarak yazı ekleyeceğiz ama eklediğimiz yazı bizler yada diğer ziyaretçiler tarafından gözükmeyecek, görünmez olacaktır. Ama arama motoru siteye uğradığında ise kodlara bakacak h1 etiketi içerisinde bulunan logo kodlarına bakacak ve ayrı olarak ekli olan p etiketleriyle vurgulanmış Genel ve özgün bir blog! cümlesini görecektir. Böylece sitenin bu kelimelere ağırlık verdiğini anlayacak, diğer bir deyişle sitenin içeriği hakkında bilgi sahibi olacaktır.

Örnek Kullanım:

Örnek olarak kendi sitemin SEO’lu logo kodlarını paylaşıyorum.

Logomun HTML Kodları;

Kod:
<div class="logo">
<h1><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>">@mdtrdl</a>
<p><?php bloginfo('description'); ?></p></h1>
</div>

Yukarıda p tagı içerisindeki yazı gözükmeyecektir. Sizde kendi logonuzu bu şekilde kodlamalısınız.

Logomun CSS Kodları;

Kod:
/* = Header » Logo
-------------------------------------------------------------- */
#header .logo {
float: left;
font-size: 32px
}
#header .logo h1 {
font-size: 30px !important;
position: absolute;
top: 5px;
z-index: 1;
}
#header .logo h1 p {
display: none;
}

Yukarıdaki #header .logo h1 p alanına display: none vererek yukarıdaki HTML logo kodlarında bulunan p etiketi içerisindeki yazıyı gizlemiş olduk.

Kısaca h1 tagları içerisine aşağıdaki kodu ekledik;

Kod:
<p> buraya sizin sitenizin açıklaması gelecek </p>

Daha sonra CSS ile display:none vererek gizledik.

Ayrıca CSS kodu gerektirmeden direk olarak aşağıdaki kodu ekleyerek de işlemimizi yapabiliriz.

Kod:
<p style="display: none"> buraya sizin sitenizin açıklaması gelecek </p>

Yapamadığınız, takıldığınız yerleri yorum yaparak bildirirseniz yardımcı olabilirim.

Kolay gelsin.

Kaynak:

Kod:
http://mdtrdl.com/seolu-logo-yapimi.html