MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
SvMedeT avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

SEO’lu Logo Yapımı


Sponsor Reklam
media venus

Çevrimdışı SvMedeT
 Tarih: 14-10-2013, Saat:18:26
#1
   

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
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [DERS] WelcomeBlock Kullanıcı Grup Rengi Yapımı Feyz 2 1,408 07-02-2015, Saat:21:02
Son Yorum: juilymali
Şiddet - Korku [MCTR - 1.6] MyBB Tema Yapımı kadirkilic 4 866 27-07-2014, Saat:21:50
Son Yorum: kadirkilic
  İndex Yapımı Xion 3 1,308 30-08-2012, Saat:16:39
Son Yorum: destekaraci



Konuyu Okuyanlar: 1 Ziyaretçi