Bir web sitesini tasarlarken bir başlığı daha büyük yazar ve insanları ilk olarak oraya bakmasını sağlarız. Bunu bir başlık haline getirerek yani <h1>,<h2>,<h3> gibi tagların içine alarak arama motoruna bunun bir başlık olduğunu belirtiriz. Daha arka planda kalmasını istediğimiz yazıları da alt bilgi gibi çok küçük yazarız. Veya yazıları sıraya koyar, insanların bu yazıları sıraya göre okumasını sağlarız. İşte bunlar arama motoru optimizasyonu için geçerli şeylerdir. Bir site içerisinde herhangi bir şeyi arama motoru optimizasyonu yaparak istediğim şeyi ön plana çıkarabilir, bazı alanları arka planda bırakabilir ve istediğim sıralamayı yine sitenin arka planında yapabilirim. Bunları yapmak için tamamen arka plandaki kodlar kullanılır.
Arama Motorlarının Çalışma Mantığı makalesinde de yazdığımız gibi (https://go-opencart.com/konu/arama-motorlarinin-calisma-mantigi.6/) alt açıklamalarından meta taglarından başlık taglarından faydalanılır.
Örnek;
(Engelsiz Erişim Derneği sitesinin kaynak kodları)
Yukarıdaki kodları dikkatlice inceleyerek botların tagları ve web sitelerini nası gördüğünü daha iyi anlayabilirsiniz. Bunun gibi görsel olarak yaptığımız ayarları arka planda yani kodlarda da yaparak arama motorları için optimize edilmiş bir site oluşturabiliyoruz. Arama motoru optimizasyonu genel olarak görsel olarak yaptığımız düzenlemeleri arama motorlarının da algılayabilmesi için arka planda kodlarda da yapmamız anlamına geliyor.
Arama Motorlarının Çalışma Mantığı makalesinde de yazdığımız gibi (https://go-opencart.com/konu/arama-motorlarinin-calisma-mantigi.6/) alt açıklamalarından meta taglarından başlık taglarından faydalanılır.
Örnek;
HTML:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Description" content="Daha Engelsiz bir Hayata, Engelsiz Erişim Derneği web sayfamıza hoşgeldiniz."> <title>Engelsiz Erişim Derneği</title> <meta property="og:title" content="Engelsiz Erişim Derneği"> <meta property="og:description" content="Daha Engelsiz bir Hayata, Engelsiz Erişim Derneği web sayfamıza hoşgeldiniz."> <link rel="canonical" href="http://www.engelsizerisim.com/">
</head>
<body>
<div class="ui sixteen column grid container"> <div class="four wide computer four wide tablet sixteen wide mobile column"> <a href="http://www.engelsizerisim.com/"> <img class="ui image" src="./Engelsiz Erişim Derneği_files/logo-ee.png" alt="Sol tarafta yarım ay biçiminde latin alfabesiyle, aşağıda braille alfabesiyle Engelsiz Erişim yazısı ve ortada güneşin içinde uçan bir kuş..." title="Sol tarafta yarım ay biçiminde latin alfabesiyle, aşağıda braille alfabesiyle Engelsiz Erişim yazısı ve ortada güneşin içinde uçan bir kuş..."> </a> <div class="ui center aligned orange segment"> <h4 class="ui header">Yakınlaş</h4> <label for="z1">1x </label><input title="1 kat büyüt" id="z1" name="z" type="radio" accesskey="1" onclick="document.body.style.zoom=1.0;document.getElementById('logo_eeeh').style.zoom=1.0;this.blur();" checked="checked"> <label for="z2">2x </label><input title="2 kat büyüt" id="z2" name="z" type="radio" accesskey="2" onclick="document.body.style.zoom=1.5;document.getElementById('logo_eeeh').style.zoom=0.65;this.blur();"> </div> <ul class="ui fluid vertical menu"> <li><a class="item" href="http://www.engelsizerisim.com/">Anasayfa</a></li> <li><a class="item" href="http://www.engelsizerisim.com/sayfa/engelsiz-erisim-dernegi-temel-calisma-ilkeleri/">Engelsiz Erişim Derneği Temel Çalışma İlkeleri</a></li> <li><a class="item" href="http://www.engelsizerisim.com/sayfa/biz-kimiz/">Biz Kimiz?</a></li> <li><a class="item" href="http://www.engelsizerisim.com/eeeh/">EEEH Dergi</a></li> <li><a class="item" href="http://www.engelsizerisim.com/uyelik/">Üyelik</a></li>
<li class="ui accordion">
<a class="item title" href="javascript:void(0);">Yayınlarımız <span class="menu_gizli">alt menü</span><i class="dropdown icon"></i></a> <ul class="content"> <li><a class="item" href="http://www.engelsizerisim.com/esit-erisilebilir-engelsiz-hayat-dergisi-eeeh/">EEEH (Eşit, Erişilebilir, Engelsiz Hayat Dergisi)</a></li> <li><a class="item" href="http://www.engelsizerisim.com/engelsiz-erisimli-saatler/">Engelsiz Erişimli Saatler</a></li> <li><a class="item" href="http://www.engelsizerisim.com/dunyaya-seslende-en-son/">Dünyaya Seslende En Son</a></li> </ul>
</li>
<div class="ui blue inverted padded segment"> <h3 class="ui header"></h3><h1>Daha engelsiz bir hayata, Engelsiz Erişim Derneği web sayfamıza hoş geldiniz.</h1>
<p>Sitemiz yeni tasarımıyla daha sade, daha erişilebilir ve daha modern.</p>
<p>Sitemiz ile ilgili görüş ve önerilerinizi iletişim sayfamızda yer alan seçenekler aracılığıyla bizimle paylaşabilirsiniz.</p>
<p>Tüm yaşamı,</p>
<p>Eşit,</p>
<p>Erişilebilir,</p>
<p>Engelsiz kılıncaya dek,</p>
<p>Mücadelemize devam edeceğiz.</p>
</div>(Engelsiz Erişim Derneği sitesinin kaynak kodları)
Yukarıdaki kodları dikkatlice inceleyerek botların tagları ve web sitelerini nası gördüğünü daha iyi anlayabilirsiniz. Bunun gibi görsel olarak yaptığımız ayarları arka planda yani kodlarda da yaparak arama motorları için optimize edilmiş bir site oluşturabiliyoruz. Arama motoru optimizasyonu genel olarak görsel olarak yaptığımız düzenlemeleri arama motorlarının da algılayabilmesi için arka planda kodlarda da yapmamız anlamına geliyor.
