Merhaba,
Bildiğim kadarıyla wordpress yazılara girdiğimiz ilk başlığı h1 olarak etiketliyor. Yazının içeriğinde diğer başlıkları h2 ve h3 olarak işaretlediğimiz zaman SEO bakımından tamam oluyor.
Ama sanırım ben yanlış biliyorum. Çünkü bütün SEO analizlerinde yazılarımda h1 etiketi olmadığı belirtiliyor.
Logoyu h1 etiketi ile gösterdiği için başlıkları h1 olmuyor. Bunu nasıl çözeceğiz? :(
h1 etiketlemesini nasıl yapacağız. https://mehmetortac.com adresini inceleyip fikir verebilecek biri var mıdır?
- Üyelik 10.12.2016
- Yaş/Cinsiyet 39 / E
- Meslek Dijital Pazarlama Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad M** O**
- Mesajlar 40
- Beğeniler 3 / 7
- Ticaret 0, (%0)
https://mehmetortac.com
- Üyelik 25.07.2014
- Yaş/Cinsiyet 30 / E
- Meslek Elektrik Teknisyeni
- Konum Fransa
- Ad Soyad C** E**
- Mesajlar 3508
- Beğeniler 488 / 1190
- Ticaret 1, (%100)
Wordpress temalarında çoğunlukla site adı h1 yapılır ve yazı başlıkları da mecburen h2 yapılıyor çünkü bir sayfada en fazla bir tane h1 etiketi olabilir. Eğer temada site adı metin yerine resim yapılırsa bu seferde ortada h1 etiketi kalmıyor. Tema düzenlemesi ile uğraşmak istemiyorsanız footer alanına site adınızı h1 olarak ekleyebilirsiniz. Bu durumu düzeltmek için şablon dosyalarınızdan single.php dosyanızdaki h2 başılığını h1 olarak değiştirebilirsiniz. Fakat dikkat edin bir sayfada sadece bir tane h1 olmalı.
Yazı başlıklarının aslında ana sayfa ve listeleme sayfalarında h2 fakat yazının kendi sayfasında h1 olması lazım. Kodlamanın da buna uygun yapılması lazım. Bazı tema yapımcıları bu şekilde yapmak yerine tüm sayfalarda aynı görüntülenecek şekilde yapıyor. Sizin temanız da bu şekilde yapılmış.
Yazı başlıklarının aslında ana sayfa ve listeleme sayfalarında h2 fakat yazının kendi sayfasında h1 olması lazım. Kodlamanın da buna uygun yapılması lazım. Bazı tema yapımcıları bu şekilde yapmak yerine tüm sayfalarda aynı görüntülenecek şekilde yapıyor. Sizin temanız da bu şekilde yapılmış.
- Üyelik 28.06.2018
- Yaş/Cinsiyet 27 / E
- Meslek İnternet ve Yazılım Uzmanı
- Konum Elazığ
- Ad Soyad B** A**
- Mesajlar 668
- Beğeniler 216 / 244
- Ticaret 27, (%96)
Doğru yaptığınızı düşünüyor iseniz kodlama veya taradığınız yani analiz ettiğiniz siteyi çok umursamayın.Genelde çoğu analiz aracı anasayfayı analiz ediyor.
- Üyelik 10.12.2016
- Yaş/Cinsiyet 39 / E
- Meslek Dijital Pazarlama Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad M** O**
- Mesajlar 40
- Beğeniler 3 / 7
- Ticaret 0, (%0)
Wordpress temalarında çoğunlukla site adı h1 yapılır ve yazı başlıkları da mecburen h2 yapılıyor çünkü bir sayfada en fazla bir tane h1 etiketi olabilir. Eğer temada site adı metin yerine resim yapılırsa bu seferde ortada h1 etiketi kalmıyor. Tema düzenlemesi ile uğraşmak istemiyorsanız footer alanına site adınızı h1 olarak ekleyebilirsiniz. Bu durumu düzeltmek için şablon dosyalarınızdan single.php dosyanızdaki h2 başılığını h1 olarak değiştirebilirsiniz. Fakat dikkat edin bir sayfada sadece bir tane h1 olmalı.
Yazı başlıklarının aslında ana sayfa ve listeleme sayfalarında h2 fakat yazının kendi sayfasında h1 olması lazım. Kodlamanın da buna uygun yapılması lazım. Bazı tema yapımcıları bu şekilde yapmak yerine tüm sayfalarda aynı görüntülenecek şekilde yapıyor. Sizin temanız da bu şekilde yapılmış.
Yazı başlıklarının aslında ana sayfa ve listeleme sayfalarında h2 fakat yazının kendi sayfasında h1 olması lazım. Kodlamanın da buna uygun yapılması lazım. Bazı tema yapımcıları bu şekilde yapmak yerine tüm sayfalarda aynı görüntülenecek şekilde yapıyor. Sizin temanız da bu şekilde yapılmış.
Bilgi için çok teşekkürler. Ana sayfada site ismi h1 kalmalı tabi ki. Peki yazılarda başlığı h1 yapmak için nereye müdahale etmek gerekli. Single.php yönlendirmeniz bunun için midir?
https://mehmetortac.com
- Üyelik 22.02.2019
- Yaş/Cinsiyet 35 / E
- Meslek Bilgisayar Teknikeri
- Konum İstanbul Avrupa
- Ad Soyad F** K**
- Mesajlar 44
- Beğeniler 4 / 17
- Ticaret 0, (%0)
Bu kısmı aşağıdaki kodlar ile değiştirin
Mehmet Ortaç
Sonrasında CSS dosyanıza aşağıdaki kodu ekleyin.
#baslik {display: none;}Sorun h1 etiketi içerisinde herhangi bir metin geçmemesinden kaynaklanıyor. Bu kodlar ile h1 etiketi içerisine Mehmet Ortaç yazdırıp tarayıcıda gizlemiş olduk.
Aslında en mantıklı olanı anasayfada h1 etiketini bu şekilde kullanıp, içerik sayfalarında konu başlığına h1 etiketi vermektir.
Bunu yapmak içinse tema kodlarını biraz düzenlemek gerekiyor.
Düzenleme: Kodları ben sitenizin kaynak kodlarından aldım. Tema dosyanızda biraz farklılık gösterebilir.
- Üyelik 10.12.2016
- Yaş/Cinsiyet 39 / E
- Meslek Dijital Pazarlama Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad M** O**
- Mesajlar 40
- Beğeniler 3 / 7
- Ticaret 0, (%0)
Pikselizasyon adlı üyeden alıntı
Bu kısmı aşağıdaki kodlar ile değiştirin
Mehmet Ortaç
Sonrasında CSS dosyanıza aşağıdaki kodu ekleyin.
#baslik {display: none;}
Sorun h1 etiketi içerisinde herhangi bir metin geçmemesinden kaynaklanıyor. Bu kodlar ile h1 etiketi içerisine Mehmet Ortaç yazdırıp tarayıcıda gizlemiş olduk.
Aslında en mantıklı olanı anasayfada h1 etiketini bu şekilde kullanıp, içerik sayfalarında konu başlığına h1 etiketi vermektir.
Bunu yapmak içinse tema kodlarını biraz düzenlemek gerekiyor.
Düzenleme: Kodları ben sitenizin kaynak kodlarından aldım. Tema dosyanızda biraz farklılık gösterebilir.
Çok teşekkürler. Başta değiştirmem gereken kodlar header.php ya da single.php içerisinde yok. Sanırım tema dosyalarında farklı. Ben Wordpress içerisindeki editörden bakıyorum. Ana sayfadaki değişiklik için hangi php dosyasında değişiklik olmalı? Yazılardaki için hangisi? Yazılar single.php sanırım.
https://mehmetortac.com
- Üyelik 22.02.2019
- Yaş/Cinsiyet 35 / E
- Meslek Bilgisayar Teknikeri
- Konum İstanbul Avrupa
- Ad Soyad F** K**
- Mesajlar 44
- Beğeniler 4 / 17
- Ticaret 0, (%0)
Header.php dosyasında vardır mutlaka olarak aratmayı deneyin. Dediğim gibi ben kodları sitenizin kaynak kodlarından aldığım için biraz değişik olabilir. Olmadı header dosyanızdaki kodları buraya ekleyin. Gerekli düzeltmeyi buradan yapalım.
Yazılar ise temadan temaya değişiklik gösterebilir. Eğer CSS bilginiz yok ise düzenlemenizi önermem çünkü başlık etiketlerinizi CSS dosyasını düzenlemeden değişirseniz büyük ihtimal temanızda farklılıklar olacaktır.
Yazılar ise temadan temaya değişiklik gösterebilir. Eğer CSS bilginiz yok ise düzenlemenizi önermem çünkü başlık etiketlerinizi CSS dosyasını düzenlemeden değişirseniz büyük ihtimal temanızda farklılıklar olacaktır.
- Üyelik 16.07.2013
- Yaş/Cinsiyet 39 / E
- Meslek SEO, İnternet, Yazılım, Tasarı
- Konum Bursa
- Ad Soyad A** K**
- Mesajlar 198
- Beğeniler 48 / 32
- Ticaret 13, (%100)
Heading etiketleri ile yazmış olduğum bir yazı;
https://www.yesilseo.com/h-heading-etiketlerinin-kulanimindaki-yanlisliklar-ve-dogrulari/
Temanın varsayılan düzenini bozmayın. logo daki h1 etiketini mutlaka kaldırmanız gerekiyor bence.
https://www.yesilseo.com/h-heading-etiketlerinin-kulanimindaki-yanlisliklar-ve-dogrulari/
Temanın varsayılan düzenini bozmayın. logo daki h1 etiketini mutlaka kaldırmanız gerekiyor bence.
Yeşil SEO İnternet Hizmetleri
- Üyelik 24.08.2012
- Yaş/Cinsiyet 29 / E
- Meslek Front end Developer
- Konum Aksaray
- Ad Soyad H** K**
- Mesajlar 1041
- Beğeniler 327 / 328
- Ticaret 12, (%100)
Merhaba mehmetortac cihaneken
Kendi kişisel blog sayfamda kullandığım yöntemden bahsedeceğim. Ben site logolarının resim olarak kullanılmasını pek tavsiye etmem, spesifik bir proje değil ise yazı ile yazılması ve css ile tasarlanmasını öneririm.
Heading etiketleri sitenizde ki hiyerarşiyi gösteren temel html markuplarıdır. Bu yüzden kullanımını özenle ve dikkatli seçmenizde fayda var.
Ben imzamda ki kişisel blog sayfamda logomu yazı ile kullanıyorum ancak h1 etiket eklemedim. Çünkü, seo kuralları gereği bir sayfada sadece 1 adet h1 etiketi kullanılması gerekiyor bu yüzden benim için önemli olan logom da ki yazı değil, içeriklerim. Logom'da ki yazı zaten tarayıcı başlığında varsayılan olarak h1 etiketiyle bastırılıyor.
etiketinden bahsediyorum. Bu html'de pek bilinmeyen ama h1 etiketi niteliği taşıyan arama motorlarınca kabul gören bir html etiketidir. Bu yüzden ekstra olarak logoya h1 etiketi <b>eklememeniz</b> en sağlıklısı olacaktır.<br/><br/>Bir arkadaşımız sayfanın en alt kısmına h1 etiketi ekle onuda css ile gizle demiş. Bu spam yapmaktır. Arama motorları bunu kesinlikle kabul etmiyor. Belki 10 yıl önce olsaydık bu yöntem işe yarıyordu, sayfaların en alt kısmına yığınla anahtar kelimeler ile heading taglarıyla ekliyorduk ve seo'yu öyle yapıyorduk fakat şuan bu bir spam olarak değerlendiriliyor ve özellikle google tarafından gizlenmeye çalışılan, yasaklı bir şey olarak algılanacağı için sitenize olumsuz puan eklenecektir.<br/><br/><br/>Sitenizin ilk açılış sayfası index sayfasında zaten tarayıcı başlığında h1 etiketiniz mevcut bu yüzden ekstra bir h1 etiketi kullanmayın. Sitenizin index sayfasında listelenen blog yazılarınıza <h2> etiketi eklemenizi tavsiye ederim. Blog yazılarınız dışında sitebar kısmında ki elementlerinizin başlıklarına <h5> ve <h6> etiketlerini kullanabilirsiniz.<br/><br/>Geldik içerik kısmına, içerik kısmında ki yazı başlığına <h1> etiketi ekleyebilirsiniz. Sayfa başlığınız ile aynı isimde olacağı için duplicate yinelenen sayfa başlığı uyarısı almayacağınız için h1 etiketiniz geçerli olacaktır.<br/><br/><br/>Wordpress'de ana sayfada listelenen blog yazılarınız <b>content.php</b> içerisinde yer alır. Anasayfanız da ki bir yazıya tıklandıktan sonra açılan sayfa ise <b>single.php</b> ya da<b> content-single.php</b>'dir. Temanızın kodlama yapısına göre bunlar farklılık gösterebilir.<br/><br/>Benim imzamda ki kişisel blog sayfamda kullandığım headings yapısı şu şekilde.<br/><br/><p><img src="https://i.ibb.co/nfh8P1r/2019-02-25-180437.jpg" /></p><br/><br/>CSS Kodlarımda şu şekildedir. <br/><br/><code><br/>.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}<br/>.h1,h1{font-size:2.3rem}<br/>.h2,h2{font-size:1.9rem}<br/>.h3,h3{font-size:1.7rem}<br/>.h4,h4{font-size:1.5rem}<br/>.h5,h5{font-size:1.3rem}<br/>.h6,h6{font-size:1rem}<br/></code><br/><br/>Yıllardır tasarımlarımda kullandığım css kodudur bu. Font boyutlarına dikkat edin, hepsi birbiriyle orantılı ve hiyerarşiye uygun olmalıdır. h1 en büyük boyuta sahip olması gereken elementidir ondan sonra gelen h2 biraz daha küçük, h3 biraz daha küçük, h4 vs... umarım anlatabilmişimdir.<br/><br/>Kolay gelsin. </div>
<div class="bottomInfo">
<div class="left">
<a href="#" class="btn2 btn-sm like-unlike "><span class="icon"><i class="icon-like"></i></span></a>
<div class="show-likers new-liker">
<div> </div>
<p> </p>
</div>
</div>
<div class="right post-action-buttons">
<a href="#" class="btn2 btn-sm share-post">
<span class="icon"><span class="post-action-text">Paylaş</span> <i class="icon-share-fill"></i></span>
</a>
</div>
</div>
</div>
<div class="bHead">
MyBB Türkçe Destek Forumu | mybb.pro
</div>
</div>
<div style="margin-bottom: 1rem" class="content post-card" id="post3186145" data-id="3186145" data-userid="36888">
<div class="top">
<p>
<i class="icon-calendar"></i>
<time datetime="2019-02-25 18:36:40">25.02.2019 18:36</time>
</p>
<div class="hashtag postIndex">
<a href="https://wmaraci.com/forum/mesaj/3186145.html" class="htp_a">
<i class="icon-hashtag"></i>#10
</a>
</div>
<div class="warning">
<a href="#" class="icon-warning report-post"></a>
</div>
</div>
<div class="subjectDetail">
<div class="userInfoBox">
<div>
<div class="dot dot-gray"></div>
<a href="/cihaneken" class="name" >
<img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/avatar/avatar36888_7.gif" alt="cihaneken" />
<span style="font-weight:bold;color: #c2ceda">cihaneken</span>
</a>
<span>Üyeliği Durdurulmuş</span>
<b class="rank ban"><i class="icon-wm"></i>Banlı Kullanıcı</b>
<b class="btn2 btn-sm user-action-btn start-popup-conversation" data-userid="36888" data-username="cihaneken" data-avatar="https://cdn.wmaraci.com/avatar/avatar36888_7.gif"><a href="#" class="icon-pm2"></a></b>
</div>
<ul>
<li>
<span><i class="icon-calendar"></i>Üyelik</span>
<strong>25.07.2014</strong>
</li>
<li>
<span><i class="icon-birthday-cake"></i>Yaş/Cinsiyet</span>
<strong>30 / E</strong>
</li>
<li>
<span><i class="icon-briefcase"></i>Meslek</span>
<strong>Elektrik Teknisyeni</strong>
</li>
<li>
<span><i class="icon-placeholder"></i>Konum</span>
<strong>Fransa</strong>
</li>
</ul>
<ul>
<li>
<span><i class="icon-account"></i>Ad Soyad</span>
<strong>C** E**</strong>
</li>
<li>
<span><i class="icon-chat"></i>Mesajlar</span>
<strong>3508</strong>
</li>
<li>
<span><i class="icon-like"></i>Beğeniler</span>
<strong>488 / 1190</strong>
</li>
<li>
<span><i class="icon-trading"></i>Ticaret</span>
<strong class="green">1, (%100)</strong>
</li>
</ul>
</div>
<div class="c post-content"><a href="/forum/uyeler/9053-machine">Machine</a> dostum yazdıklarına tamamen katılıyorum. Benimde görüşüm böyledir zaten, sadece logo değil site tasarımının hiçbir kısmını görsel ile yapmama taraftarıyım. svg tipleri saymıyorum onlar makinelerce okunabiliyor. Bana göre günümüz şartlarında bir web sitesinde olabilecek görsel sadece içerikte olmalıdır.<br/><br/>Benim konu sahi arkadaşa tavsiyem, kendisinin bu konulardan pek anlamadığı için ve bu işleri de detaylı anlatmak çok çok uzun olacağı için işini görebileceği en basit iki tavsiye verdim.<br/><br/>H1 bulunmuyormuş sayfasında bulunması için haricen ekleyebilir. Yada ikinci tavsiyem üzerine single.php açıp düzenleyecek. Zaten kullandığı tema eski tip tasarlanmış bir tema. content dosyası bulunmuyor. Tüm sayfalar ayrı ayrı tasarlanmış. </div>
<div class="bottomInfo">
<div class="left">
<a href="#" class="btn2 btn-sm like-unlike "><span class="icon"><i class="icon-like"></i></span></a>
<div class="show-likers new-liker">
<div> </div>
<p> </p>
</div>
</div>
<div class="right post-action-buttons">
<a href="#" class="btn2 btn-sm share-post">
<span class="icon"><span class="post-action-text">Paylaş</span> <i class="icon-share-fill"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="listPager">
<div>
</div>
</div>
</div>
<div class="form">
<div class="container">
<div class="beforeAfter">
<div class="ba-prev">
<a href="/forum/wordpress/site-tasima-eklentisi-559112.html">
<i class="icon-arrow-left"></i>
Site taşıma eklentisi
</a>
</div>
<div class="ba-next">
<a href="/forum/wordpress/windows-plesk-wordpress-htaccess-ve-ya-permalink-sorunu-cozumu-559176.html">
<i class="icon-arrow-right"></i>
Windows Plesk WordPress .htaccess ve ya Permalink Sorunu Çözümü
</a>
</div>
</div>
<div class="row row-ads wmads8" style="margin-top:-5px;margin-bottom: 15px">
<div class="col "><a href="https://wmaraci.com/reklam"><img src="https://cdn.wmaraci.com/img/wmreklam.jpg" alt="wmaraci"></a></div>
<div class="col hideMobile "><a href="https://wmaraci.com/reklam"><img src="https://wmaraci.com/images/la.png" alt="wmaraci"></a>
</div>
</div>
<div class="reading">
<strong><i class="icon-eye2"></i>Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)</strong>
</div>
</div>
</div>
</div>
<footer>
<div class="container ads-container">
<div class="row row-ads wmads2">
<div class="col "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
<div class="col hideMobile "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
</div>
</div>
<div class="center">
<div class="container">
<div class="row">
<div class="left">
<img src="/assets/img/load.svg" data-src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci">
<strong>Copyright © 2010 - 2024</strong>
<p>
WM Aracı, BTK onaylı bir yer sağlayıcı olarak içerikleri kontrol etme ya da araştırma yükümlülüğü yoktur. Hukuka aykırı olduğunu düşündüğünüz içerikleri lütfen bize bildiriniz.
</p>
<a href="/iletisim" class="btn btn-grey"><span class="icon"><i class="icon-exclamation"></i>Aykırı İçerik Bildir</span></a>
<ul>
<li><a href="https://facebook.com/wmaraci" target="_blank" rel="nofollow" class="icon-facebook"></a></li>
<li><a href="https://twitter.com/wmaraci" target="_blank" rel="nofollow" class="icon-x"></a></li>
<li><a href="https://t.me/wmaraci" target="_blank" rel="nofollow" class="icon-telegram"></a></li>
<li><a href="https://www.youtube.com/wmaracicom" target="_blank" rel="nofollow" class="icon-youtube"></a></li>
<li><a href="https://www.instagram.com/wmaraci/" target="_blank" rel="nofollow" class="icon-instagram"></a></li>
</ul>
</div>
<div class="right">
<div class="row">
<div>
<strong class="head"><i class="icon-support"></i>Araçlar</strong>
<ul>
<li><a href="/whois">Whois Sorgulama</a></li>
<li><a href="#">SEO Analiz</a></li>
<li><a href="#">Site Analiz</a></li>
<li><a href="#">Sıra Bulucu</a></li>
<li><a href="/araclar">Kod/Tasarım Araçları</a></li>
<li><a href="/araclar">Site Araçları</a></li>
</ul>
</div>
<div>
<strong class="head"><i class="icon-layers"></i>WM Aracı Forum</strong>
<ul>
<li><a href="/yeni-ilanlar">İlanlar</a></li>
<li><a href="/yeni-konular">Konular</a></li>
<li><a href="/arama">Gelişmiş Arama</a></li>
<li><a href="/sikayet">Şikayetim Var</a></li>
<li><a href="/anketler">Anketler</a></li>
</ul>
</div>
<div>
<strong class="head"><i class="icon-more"></i>Diğer Sayfalar</strong>
<ul>
<li><a href="/hakkimizda">Hakkımızda</a></li>
<li><a href="/premium">Premium Üyelikler</a></li>
<li><a href="/gizlilik-politikasi">Gizlilik Politikası</a></li>
<li><a href="/mesafeli-satis-sozlesmesi">Mesafeli Satış Sözleşmesi</a></li>
<li><a href="/teslimat-ve-iade">Teslimat ve İade Politikası</a></li>
<li><a href="/hukuka-aykirilik-bildirimi">Hukuka Aykırılık Bildirimi</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="container">
<div class="row">
<ul>
<li><a href="/hakkimizda">Hakkımızda</a></li>
<li><a href="/reklam">Reklam & İş Birlikleri</a></li>
<li><a href="/iletisim">Bize Ulaşın</a></li>
</ul>
<div>
<span>WM Aracı, <b>Cesur.NET İnternet Teknolojileri</b>'nde güvenle barınmaktadır.</span>
</div>
</div>
</div>
</div>
</footer>
<div id="footerMenu">
<button style="z-index:1"><i class="icon-arrow-bottom"></i><i class="icon-arrow-top"></i></button>
<ul>
<li><a href="/"><i class="icon-home"></i>ANASAYFA</a></li>
<li><a href="/forum"><i class="icon-layers"></i>FORUM</a></li>
<li><a href="/giris"><i class="icon-account"></i>GİRİŞ YAP</a></li>
<li><a href="/kayit"><i class="icon-plus-sign"></i>KAYIT OL</a></li>
</ul>
</div>
</div>
<div id="mobileMenu">
<div class="content">
<div class="main">
<a href="#" class="icon-times"></a>
<div class="logined">
<div>
</div>
<ul>
<li><a href="/giris"><i class="icon-account"></i><span>Giriş Yap</span></a></li>
<li><a href="#" class="openSettings"><i class="icon-equalizer"></i><span>Site Ayarları</span><b class="icon-arrow-right"></b></a></li>
</ul>
</div>
<ul class="menu">
<li><a href="/yeni-ilanlar"><i class="icon-shopping-basket"></i>İlanlar</a></li>
<li><a href="/yeni-konular"><i class="icon-layers"></i>Konular</a></li>
<li class="subs">
<a href="#"><i class="icon-support"></i>Araçlar<span class="icon-down-arrow"></span></a>
<ul class="vehicle">
<li>
<a href="/whois">
<i class="icon-folder-internet" style="color:#18C65D"></i>
<strong>Whois Sorgulama</strong>
Hızlı ve kolay bir şekilde whois sorgulama yapın.
</a>
</li>
<li>
<a href="/ip-class-sorgulama">
<i class="icon-abc-block" style="color:#0382FF"></i>
<strong>IP Class Sorgulama</strong>
Siteleri a, b ve c ip class'larına göre ayırın.
</a>
</li>
<li>
<a href="/cekilis-araci">
<i class="icon-number-list" style="color:#83CB6A"></i>
<strong>Çekiliş Aracı</strong>
Gelişmiş özelliklere sahip çekiliş aracı.
</a>
</li>
</ul>
</li>
</ul>
<ul class="sub">
<li><a href="/forum">Forum</a></li>
<li><a href="/kariyer">Kariyer</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/dizin">Dizin</a></li>
<li><a href="/nedir">Nedir?</a></li>
</ul>
</div>
<div class="settings">
<a href="#" class="icon-times"></a>
<div class="top">
<a href="#" class="icon-arrow-left"></a>
<strong>Site Ayarları</strong>
</div>
<ul>
<li>
<div>
<i class="icon-setting"></i>
<span>Tema Seçeneği</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchMobileThema" >
<label for="switchMobileThema"><i class="icon-sun"></i><i class="icon-moon"></i></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-sound"></i>
<span>Site Sesleri</span>
<div>
<div class="switch switch-grey">
<input type="checkbox" id="switchMobileMute" class="toggle-user-permission" data-permission="permissionSound" disabled>
<label for="switchMobileMute"><i class="icon-mute"></i><i class="icon-volume"></i></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-bell"></i>
<span>Bildirimler</span>
<div>
<div class="switch">
<input type="checkbox" id="switchMobileNotice" class="toggle-user-permission" data-permission="permissionNotification" disabled checked>
<label for="switchMobileNotice"></label>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="icon-bubble-speak"></i>
<span>Özel Mesaj Al</span>
<div>
<div class="switch">
<input type="checkbox" id="switchMobilePrivateMessage" class="toggle-user-permission" data-permission="permissionPm" disabled>
<label for="switchMobilePrivateMessage"></label>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="overlay"></div>
</div>
<div class="pop" id="popLogin">
<div class="content">
<div>
<div>
<div class="content login">
<div>
<div class="head3">
<h2>Üye Girişi Yap</h2>
<strong>Kullanıcı bilgileriniz ile üye girişi yapabilirsiniz.</strong>
<i class="icon-account"></i>
<a href="#" data-pop-close="#popLogin" class="icon-times2"></a>
</div>
<div class="form">
<div class="form-group icon phone">
<i class="icon-phone-call"></i>
<span>Telefon numaranız</span>
<input type="text" name="email" class="activate-autocomplete" style="padding-left: 75px">
</div>
<div class="form-group icon">
<i class="icon-key"></i>
<span>Şifreniz</span>
<input type="password" name="password" class="activate-autocomplete">
<b class="icon-eye"></b>
</div>
<div class="checkbox">
<input type="checkbox" name="rememberme" id="chckHistory" value="1">
<label for="chckHistory"><i class="icon-check"></i>Sonraki girişlerimde beni hatırla.</label>
</div>
<button class="btn btn-md login-btn"><span class="icon reverse">Üye Girişi Yap <i class="icon-arrow-right"></i></span></button>
<button class="btn btn-extra-light-grey btn-sm forgot-password"><span>Şifremi Unuttum!</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<div id="fixMessages"></div>
<script src="/assets/js/cash.min.js"></script>
<script src="/assets/js/build.js"></script>
<script src="/assets/js/wma.js?3"></script>
<script src="/assets/js/custom.js"></script>
<script>
$('input:not(.activate-autocomplete), form:not(.activate-autocomplete)').attr('autocomplete','new-password');
$("#footerMenu button").on("click",function(e){
if($("body").hasClass("openFooterMenu")){
wma.setCookie('mobileFoterMenu', 'off');
}else{
wma.setCookie('mobileFoterMenu', 'on');
}
});
$("#switchThema").on("change",function(){
var darkMode;
if($("#switchThema").prop("checked")){
$("body").addClass("dark");
wma.setCookie('darkMode', 'dark');
darkMode = 1;
}else{
$("body").removeClass("dark");
wma.setCookie('darkMode', '');
darkMode = 0;
}
if (wm.user.userid) {
wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {});
}
});
$("#switchMobileThema").on("change",function(){
var darkMode;
if($("#switchMobileThema").prop("checked")){
$("body").addClass("dark");
wma.setCookie('darkMode', 'dark');
darkMode = 1;
}else{
$("body").removeClass("dark");
wma.setCookie('darkMode', '');
darkMode = 0;
}
if (wm.user.userid) {
wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {});
}
});
$('#popLogin .forgot-password').on('click', function(e) {
e.preventDefault();
location.href = '/sifremi-unuttum';
});
$('#popLogin .login-btn').on('click', function(e) {
e.preventDefault();
var loginData = {
email: $('#popLogin input[name="email"]').val(),
password: $('#popLogin input[name="password"]').val(),
rememberme: $('#popLogin input[name="rememberme"]').is(':checked')
};
wma.post('/auth/login', loginData, function(data) {
if (data.status == 'success') {
if (data.sms) {
$('#popLogin [data-pop-close="#popLogin"]').trigger('click');
wma.form({
title: {
title: "Doğrulama Kodunu Girin",
subTitle: "Giriş için telefonunuza gönderilen kodu girin.",
icon: "icon-sms",
},
fields: {
code: {
label: 'Doğrulama Kodu',
value: '',
type: 'text'
}
},
callback: function(data) {
var newData = loginData;
newData.code = data.code;
wma.post('/auth/login', newData, function(d) {
if (d.status == 'success') {
location.href = location.href.replace('#', '');
} else {
wma.toast(d.title);
}
});
}
});
wma.activeModal.find('.content').css('width', '440px');
wma.activeModal.find('button').text('Üye Girişi Yap');
wma.activeModal.find('form').on('submit', function(e) {
e.preventDefault();
wma.activeModal.find('.mcuLoadingButton').trigger('click');
});
} else {
localStorage.removeItem('fixedConversations');
if (data.redirect == '/yeniden-degerlendir') {
location.href = data.redirect;
} else {
location.href = location.href.replace('#', '');
}
}
} else {
wma.toast(data);
}
});
return;
});
$('#popLogin input').on('keyup', function(e) {
if (e.key == 'Enter') {
$('#popLogin .login-btn').trigger('click');
}
});
var notificationCount = localStorage.getItem('notificationCount') || 0;
var conversationCount = localStorage.getItem('conversationCount') || 0;
$('body').on('click', '.vn', function() {
wma.post('/forum/setVisitorNotificationAsRead', {id: $(this).data('id')}, function(d) {});
});
$('body').on('click', '.start-popup-conversation', function(e) {
e.preventDefault();
return wma.toast('Üyeye özel mesaj göndermek için giriş yapmalısınız.');
});
var visitorNotificationTriggered = localStorage.getItem('visitorNotificationTriggered') || 0;
if (!visitorNotificationTriggered) {
setTimeout(function() {
document.querySelector('.visitor-notifications').style.display = 'block';
}, 3000);
$(document).on('mouseup', function(e) {
var container = $(".notice");
if (!container.is(e.target) && container.has(e.target).length === 0) {
document.querySelector('.visitor-notifications').style.display = '';
}
});
localStorage.setItem('visitorNotificationTriggered', 1);
}
</script>
<script>
var thread = {
threadId: '559120',
categoryId: '38',
title: 'h1 Hatası',
slug: 'h1-hatasi',
categorySslug: 'wordpress',
pollId: '',
lastReplyAt: '2019-02-25 18:36:40',
canReplyThread: false,
};
var jsVersion = 5;
$('.btn-share-thread').on('click', function(e) {
e.preventDefault();
$('.post-card .share-post').trigger('click');
});
$('.post-content a').filter(function(){
return this.host !== location.host;
}).attr('target','_blank');
</script>
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"DiscussionForumPosting",
"@id":"https://wmaraci.com/forum/wordpress/h1-hatasi-559120.html",
"headline":"h1 Hatası",
"datePublished":"2019-02-25 01:41:33",
"dateModified":"2019-02-25 18:36:40",
"articleSection":"WordPress",
"commentCount": 10,
"author": {
"@type": "Person",
"name": "mehmetortac"
},
"mainEntityOfPage":{
"@type":"WebPage",
"@id":"https://wmaraci.com/forum/wordpress/h1-hatasi-559120.html"
},
"interactionStatistic": {
"@type": "InteractionCounter",
"interactionType": "https://schema.org/CommentAction",
"userInteractionCount": 10
}
}
</script>
<script src="/assets/js/thread/thread.min.js?9"></script>
<script src="/assets/js/thread/poll.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-8647194-20"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-8647194-20');
</script>
</body>
</html>
Kendi kişisel blog sayfamda kullandığım yöntemden bahsedeceğim. Ben site logolarının resim olarak kullanılmasını pek tavsiye etmem, spesifik bir proje değil ise yazı ile yazılması ve css ile tasarlanmasını öneririm.
Heading etiketleri sitenizde ki hiyerarşiyi gösteren temel html markuplarıdır. Bu yüzden kullanımını özenle ve dikkatli seçmenizde fayda var.
Ben imzamda ki kişisel blog sayfamda logomu yazı ile kullanıyorum ancak h1 etiket eklemedim. Çünkü, seo kuralları gereği bir sayfada sadece 1 adet h1 etiketi kullanılması gerekiyor bu yüzden benim için önemli olan logom da ki yazı değil, içeriklerim. Logom'da ki yazı zaten tarayıcı başlığında varsayılan olarak h1 etiketiyle bastırılıyor.