<!DOCTYPE html>
<HTML>
<head>
<title>Blogger AB Çerez Bildirim Çubuğu</title>
<style type='text/css'>
/*<![CDATA[*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
body{
background-color:#f5f5f5;
font-family:'Roboto', sans-serif;
margin:0;
padding:0
}
* {
margin:0;
padding:0
}
a{
text-decoration:none
}
.cookie-choices-info{
background-color:#fff!important;
position:fixed!important;
line-height:normal!important;
left:0!important;
right:0!important;
bottom:0!important;
font-family:inherit!important;
box-shadow:0 -3px 16px -3px rgba(0,0,0,.75);
-webkit-transform:translateZ(0)
}
#cookieChoiceInfo .cookie-choices-inner{
margin:auto!important;
padding:16px!important;
text-align:center!important
}
.cookie-choices-info .cookie-choices-text{
font-size:12px!important;
color:#222!important;
margin-bottom:16px;
line-height:1.5
}
.cookie-choices-buttons{
margin-left:0!important;
text-transform:uppercase
}
.cookie-choices-info .cookie-choices-button{
color:#fff!important;
font-size:13px!important;
margin-left:5px!important;
padding:3px 6px!important;
background-color:#438afe!important;
border-radius:2px;
transition:all .6s linear
}
.cookie-choices-info .cookie-choices-button:nth-child(2){
background-color:#ef690f!important;
transition:all .6s linear
}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:focus{
background-color:#3c7ce5!important;
text-decoration:none!important;
transition:all .1s linear
}
.cookie-choices-info .cookie-choices-button:nth-child(2):hover,.cookie-choices-info .cookie-choices-button:nth-child(2):focus{
background-color:#d65f00!important
}
@media only screen and (max-width:640px){
.cookie-choices-info .cookie-choices-text{
display:block
}
.cookie-choices-buttons{
margin-left:0!important
}
.cookie-choices-info .cookie-choices-button{
margin-left:0!important
}
.cookie-choices-info .cookie-choices-button:nth-child(2){
margin-left:5px!important
}
}
/*]]>*/
</style>
</head>
<body>
<div id="cookieChoiceInfo" class="cookie-choices-info singleton-element">
<div class="cookie-choices-inner">
<span class="cookie-choices-text">This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.</span><span class="cookie-choices-buttons"><a href="https://www.blogger.com/go/blogspot-cookies" target="_blank" class="cookie-choices-button" rel="nofollow noopener" title="Learn More">Learn More</a><a id="cookieChoiceDismiss" href="#" class="cookie-choices-button">Got it!</a></span>
</div>
</div>
</body>
</HTML>
CSS etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
CSS etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger Yeni Yayınlar Widget'ı
CSS javaScript Widget<!DOCTYPE html>
<html>
<head>
<title>Blogger Son Yayınlar Widget'ı</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
body {font-family:'Roboto', sans-serif;line-height:1.5}
#recent_article .widget-content,#recent_article ul{max-width:300px;padding:0;margin:0 auto;display:block}
#recent_article a:link,#recent_article a:visited{font-weight:normal}
#recent_article ul li{background:#fff;margin:0 auto!important;padding:8px 10px!important;list-style:none;position:relative;border:1px solid #d6dee4;border-top-width:0;border-left-width:4px;border-left-color:#fe8f04;font-size:92%;text-align:left!important}
#recent_article ul li:nth-child(1){border-top-width:1px!important}
#recent_article ul li a{font-weight:400!important;display:block;color:#444!important;text-decoration:none!important;line-height:1.4em!important;padding-right:8px!important}
#recent_article ul li a:hover{color:#028271!important}
#recent_article ul li:before,#recent_article ul li .item-title a{font-weight:400;font-size:12px;color:inherit;text-decoration:none}
</style>
</head>
<body>
<div id='recent_article' class='recent_article'><ul id="recent-posts"></ul></div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
numPosts = 10;function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");ct.async=true;for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.async=true;rcp.src='https://bloggereklentileri.blogspot.com/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
</body>
</html>
Blogger Öne Çıkan Yayın Widget Tasarımı
CSS Widget<!DOCTYPE html>
<html>
<head>
<title>Blogger Öne Çıkan Yayın Widget'ı Tasarımı</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {font-family: 'Roboto', sans-serif;font-size:16px;color:#222}
h3.title{text-transform:uppercase;}
a {cursor:pointer;text-decoration:none}
.image{width:100%}
.FeaturedPost{width:300px;margin:auto;padding:0 8px 8px 8px;border-radius:2px;border:1px solid #ddd}
.FeaturedPost .post-summary:after{content:no-close-quote;position:absolute;bottom:0;width:100%;height:150px;overflow:hidden;margin:0;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.75))}
body.dark-skin .FeaturedPost:after{width:88.4%}
.FeaturedPost .post-summary h3{position:absolute;font-size:16px;line-height:20px;padding:0 15px;bottom:70px;color:#fff;z-index:1}
.FeaturedPost h3 a{color:#fff;line-height:25px}
.FeaturedPost .post-summary{display: grid;margin:0;position:relative;overflow:hidden;padding-top:0!important}
.FeaturedPost p{position:absolute;bottom:16px;color:#a9a9a9;height:50px;padding:0 15px;z-index:1;font-size:14px;overflow:hidden;font-family:sans-serif;line-height:22px}
</style>
</head>
<body>
<div class="widget FeaturedPost" id="FeaturedPost1">
<h3 class="title">Öne Çıkan Yayın</h3>
<div class="post-summary">
<h3><a target="_blank" href="https://plus.google.com/u/0/collection/gdNMSE" title="Orjinal Resimler" rel="nofollow noopener">Orjinal Resimler</a></h3>
<p>Blogger Eklentileri, bir birinden farklı en güzel blog resimlerini sizin için hazırladı...</p>
<img class="image" alt="Orjinal Resimler" src="https://lh3.googleusercontent.com/dVJTPD-XUEQxRD63Mc5Grygrne_581HKyxjO6o0lX2nC2iT8gGhs2L2JD-Fp7dLXeZF05jDNwmNpQA=w818-h584-rw-no"/>
</div>
</div>
</body>
</html>
Tanıtım Reklamları İçin Reklam Kutusu Oluşturma
CSS CSS3 HTML HTML5<!DOCTYPE html>
<HTML>
<head>
<title>Tanıtım Reklamları İçin Reklam Kutusu Oluşturma</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');
body {font-family: 'Fira Sans Condensed', sans-serif}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.banner_box_ads{background:#efefef;width:300px;margin:0 auto;text-align:center;padding:16.6666666667px}
.banner_box{background:#ddd;height:125px;width:125px;display:inline;margin:0;padding:0;float:left;position:relative;}
.banner_box:nth-child(1),.banner_box:nth-child(3){margin-right:16.6666666667px}
.banner_box:nth-child(1),.banner_box:nth-child(2){margin-bottom:16.6666666667px}
.banner_box a{position:relative;display:block;z-index:2}
.banner_box img{object-fit:cover}
.banner_box:before{content:"125x125";line-height:1.2;position:absolute;top:0;left:0;width:100%;height:100%;color:#444;font-size:20px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.banner_300{width:300px;height:250px;}
.banner_box.banner_box-300:nth-child(1){margin-right:0;margin-bottom:0;}
.banner_box_ads.box_widget{padding:0;}
.banner_300:before{content:"300x250";}
.clear{clear:both;}
</style>
</head>
<body>
<div class="banner_box_ads box_widget">
<div class="banner_box banner_300">
<!-- 300x250 banner alanı -->
<a href="https://bloggereklentileri.blogspot.com.tr/2018/04/blogger-sayfalar-widget-ile-sabit.html" target="_blank" rel="nofollow noopener" title="Blogger Sayfalar Widget'ı ile Sabit Sayfaları Otomatik Numaralandırma">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH33ajFvMNVgyJpv50DHzxYqUtyDrHGQ1ra8O2nPY6XMRuifSM1aFLdpVKaBHUc_w2irPXZlijGywV_BY6olQZkDcj365GXgcMnldwvY8V74iFC-bUrKpGqKj7QXJk-FeLeZxj-5s8I1Ni/s1600/sabit-sayfa-navigasyonu.png" alt="Blogger Sayfalar Widget'ı ile Sabit Sayfaları Otomatik Numaralandırma" title="Blogger Sayfalar Widget'ı ile Sabit Sayfaları Otomatik Numaralandırma" height="250" width="300"/></a>
</div>
<div class="clear"/>
</div>
<div class="banner_box_ads">
<div class="banner_box">
<!-- 125x125 banner alanı -->
<a href="https://bloggereklentileri.blogspot.com.tr/2018/03/blog-metinlerini-css-ile-renklendirme.html" target="_blank" rel="nofollow noopener" title="Blog Metinlerini CSS ile Renklendirme">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMPQvrkk9O7Evxa8unsVVj3hiioTRgpW2u8BVaT58eN3-ADyueTlwWuepDnE0bqqXeBg4h5fsBdUz5qEY-yIXytogV___paj4vDrhDH23B9JcCT5Cqdzj1ClDo5PuTxpCu8QuQ7qB2BdM8/s1600/css-gradients.png" alt="Blog Metinlerini CSS ile Renklendirme" title="Blog Metinlerini CSS ile Renklendirme" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 banner alanı -->
<a href="https://bloggereklentileri.blogspot.com.tr/2018/02/blogger-yldz-derecelendirme-widget.html" target="_blank" rel="nofollow noopener" title="Blogger Yıldız Derecelendirme Widget Eklentisi Nasıl Kurulur?">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM1OOAj8h4Sn4zU-iOCnwhm6q5EkjMe3YbHl60QARhyUfTLuFDx4M1M4bB-CnBLbfmTGGfgiT3hcYBybUDN30rI95mhuCUQ64gwkHlzEDaIJ-fjLny12Ki8sMbEVI7erPrnf0LddCMFeFP/s1600/yildiz+derecelendirme.png" alt="Blogger Yıldız Derecelendirme Widget Eklentisi Nasıl Kurulur?" title="Blogger Yıldız Derecelendirme Widget Eklentisi Nasıl Kurulur?" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 banner alanı -->
<a href="https://bloggereklentileri.blogspot.com.tr/2018/02/blogger-css-ve-svg-sosyal-paylasm.html" target="_blank" rel="nofollow noopener" title="Blogger CSS ve SVG Sosyal Paylaşım Butonları">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjZe1M-qs3RHZFqwpMZwu_qtIYZ0hJwtGXx_p4STeNjIEGXJcPJeuhk7h-d476s6L032nSggNUNxCQB30I44ol7d06w5190YzdJrgZbQNEzPhedY4-_wq5diNmoawHkog8e2DvVASBqTD_/s1600/sosyal-paylasim.png" alt="Blogger CSS ve SVG Sosyal Paylaşım Butonları" title="Blogger CSS ve SVG Sosyal Paylaşım Butonları" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 banner alanı -->
<a href="https://bloggereklentileri.blogspot.com.tr/2018/02/blogger-ozel-adstxt-icerigi-nasl.html" target="_blank" rel="nofollow noopener" title="Blogger Özel Ads.txt İçeriği Nasıl Etkinleştirilir?">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy7BP_6rkQdpg8v3REagUFHAluUq9IObdGuZ4PN3k5giZRZrCbmp07kvDZh3tmtQNMJqRgiHYw39GrRAOcbpQ8lt_EJ3qOSUctVAqaE3gtbaHtjBgNzXlM9hVDSbB6MbLQPYHVpUbJof22/s1600/ads.png" alt="Blogger Özel Ads.txt İçeriği Nasıl Etkinleştirilir?" title="Blogger Özel Ads.txt İçeriği Nasıl Etkinleştirilir?" height="125" width="125"/></a>
</div>
<div class="clear"/>
</div>
</body>
</HTML>
CSS Material Buton Tasarımı
CSS CSS3<HTML>
<head>
<style>
.btn{position:relative;display:block;margin:30px auto;padding:0;overflow:hidden;border-width:0;outline:none;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.6);background-color:#2ecc71;color:#ecf0f1;transition:background-color .3s}
.btn:hover,.btn:focus{background-color:#27ae60}
.btn > *{position:relative}
.btn span{display:block;padding:12px 24px}
.btn:before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:rgba(236,240,241,.3);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.btn:active:before {width:120%;padding-top:120%;transition:width .2s ease-out, padding-top .2s ease-out}
*, *:before, *:after {box-sizing:border-box}
html {position:relative;height:100%}
body {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#ecf0f1;color:#34495e;font-family:Trebuchet,Arial,sans-serif;text-align:center}
h2 {font-weight:normal}
.btn.orange {background: #e67e22}
.btn.orange:hover,.btn.orange:focus {background: #d35400}
.btn.red {background: #e74c3c}
.btn.red:hover, .btn.red:focus {background:#c0392b}
</style>
</head>
<body>
<h1>Material Buton Tasarımı</h1>
<h2>Sadece CSS kodları ile tasarlanmış Metarial efekli butonlar.</h2>
<button class="btn"><span>Yeşil Buton</span></button>
<button class="btn orange"><span>Turuncu Buton</span></button>
<button class="btn red"><span>Kırmızı Buton</span></button>
</body>
</HTML>
Blog Yayınlarını Sayfalara Ayrıma Eklentisi
CSS HTML jQuery<HTML>
<head>
<style>
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');
body {font-family: 'Fira Sans Condensed', sans-serif;padding:20px}
.post-body-nav{padding-top:20px}
.post-body-nav button{background:transparent;cursor:pointer}
.post-body-nav button{padding:6px 12px;display:inline-block;color:#222;border:2px solid #eee;margin:4px;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
.post-body-nav button.active {border:2px solid #888}
.post-body-nav button:hover,.post-body-nav button:focus{border:2px solid #888;color:#222}
img{width:100%;height:auto}
a:-webkit-any-link {color:#2e9fff;cursor:pointer;text-decoration:none}
</style>
</head>
<body>
<div class='post-body entry-content'>
<div itemprop='articleBody'>
<h2>Blog Yayınlarını Sayfalara Ayrıma</h2>
<div class="post-body-page">
<div class="separator" style="clear: both; text-align: center;">
<img alt="Blog Sitesini Google Aramalarında Üst Sıralara Çıkarmanın En İyi Yolları" border="0" data-original-height="450" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2b5XM_Dxvb4AENJwUoKifyacPEWeWq1v0lRmOAh-bkFRlj9u8_mQTH7zirFl4g6CG7UMZ8a-uFkH1mROHfE57wR5ZVZH26s87KUVRNQvIYxEFFh281qR6L7GgBXSrhO20XpjnmuYveEpW/s1600/Google-Search.png" title="Blog Sitesini Google Aramalarında Üst Sıralara Çıkarmanın En İyi Yolları"></div>
<br>
Tüketicilerin internet alış-veriş yapma tutumları çok değişti. Özellikle son zamanlarda tüketiciler bir ürünü satın almadan önce internet üzerinden araştırma ve karşılaştırma yapmadan kesinlikle satın almıyor.<br>
<br>
Arama motorları aracılığıyla web sitelerini sorgulamak bir alışkanlık haline geldi. Bu nedenle, Google ve diğer arama motorlarının blog yayınlarınızı daha iyi sıralayarak blog sitenizin iyi bir durumda gelmesi için SEO (Arama Motoru Optimizasyonu) tekniklerini nasıl kullanacağınızı bilmek çok önemlidir.<br>
<br>
Blog ve blog yayınları arama motorlarının ilk üç sayfasında görünür olması veya olmaması durumu, blog performansının başarılı veya başarısız olduğunu belirler. Blog için önemli olan uygulanacak SEO teknikleri ve izlenecek yol, organik ziyaretçi çekmeye yardımcı olacak faktörleri de içermelidir.<br>
<br>
SEO tekniklerini uygulayarak, arama sonuçları ile alakalı içeriklerin görüntülenme sayısını artırmak mümkün. SEO ile çalışmanın en büyük avantajı, teknik bilgiler için herhangi bir ücret ödenmemesi ve organik olarak uygulanmasıdır.<br>
<br>
<h2><b>Google Arama Sonuçlarında Üst Sıralara Çıkmanın Yolları Nelerdir?</b></h2>
<br>
Google ve diğer arama motorlarında sıralama iyileştirmeye yönelik bazı önemli faktörler aşağıda belirtilmiştir.
</div>
<div class="post-body-page">
<b>Anahtar kelimeleri araştırma</b>
<br>
<br>
Arama motorlarında blog konumunu teyit edebilmek için, anahtar kelşmelerin alaka düzeyini araştırmanız ve anlamanız gerekir. Bu tetikleyiciler üzerinde çalışmak blogun arama sonuçlarındaki sırasını çok belirgin bir şekilde yükseltir. Google, en iyi şartları bulmaya yardımcı olmak için ücretsiz araçları kullanma olanağı sağlıyor.<br>
<br>
Google Trendler veya Google AdWords gibi planlayıcı araçlar sayesinde, yayın içeriğine en uygun anahtar kelimeleri bulabilirsiniz. Anahtar kelimeler, Google'da sıralama yükseltmek için kullanılan SEO tekniklerinden biridir. Anahtar kelimeler ile arama yapmadan blog içeriğinizin ziyaret edilmesi ile dikkate değer bir TO elde etmek imkansızdır.<br>
<br>
<b>İçerik başlığının oluşturulması</b><br>
<br>
Belirgin ve ilk ipucu olan anahtar kelimenin yayın başlığına eklenmesi gerekir. Google kısa başlıkları daha iyi sıralar, çekici olması ve 50 ile 67 karakter uzunluğunda olması gerekir. Başlığı oluşturacak kelimelerin seçimini düşünmek, blog içeriğinin arama motorlarında yerini belirlemek için gereklidir.<br>
<br>
İçerik alaka düzeyini tanımlayan ve sıralayan Google algoritması, yayını Google aramalarının en üstüne koymanın başlıca faktörlerinden biri olarak başlığı alır. Bir arama yapılırsa ve tarafınızca seçilen anahtar kelimeyle ilgili herhangi bir sonuç bulunmazsa, Google'da sıralanmak için hiç bir yarar sağlamaz ve arama motorlarındaki optimizasyon işe yaramaz olacaktır.<br>
<br>
İyi bir başlık oluşturmak arama motoru konumunu iyileştirerek içeriği daha hızlı bir şekilde çekmenize ve bulmanıza yardımcı olur. Eğer, kötü bir başlık konumlandırılmışsa pek fazla tıklama almaz. Bu nedenle, anahtar kelimeyi ve başlığı düşünmek içeriği daha iyi sıralamaktadır.
</div>
<div class="post-body-page">
<b>Meta açıklama etiketleri kullanma</b><br>
<br>
Meta açıklama etiketleri, sayfa içeriğinin kısa bir tanımlamasıdır ve maksimum 153 karaktere sahip olmalıdır ve içerik hakkında kısaca açıklama olacak şekilde oluşturmalısınız. Kısa metnin ortasına anahtar kelimenizi koymanız çok önemlidir.<br>
<br>
Özellikle Blogger bloglarında arama açıklaması Google'ın en üst sıralamasındaki faktörlerden birini oluşturur. Aynı durumu WordPress blogları için söyleyemeyiz. İçerikle alakalı özetlenme, odaklanma ve sıralama yerleşimi gibi faktörleri pek etkilemez. Fakat, Blogger blogları için, arama motorlarından daha fazla ziyaretçi çekebilmek için arama açıklaması ve meta etiketleri en önemli faktörlerdir. Meta açıklamaları olabildiğince ilgi çekici ve en önemli anahtar kelimelerinizden olmalıdır.<br>
<br>
Bknz: <a href="https://bloggereklentileri.blogspot.com/2017/03/blogspot-sitesinde-neden-iki-acklama.html" target="_blank" title="Blogspot Sitesinde Neden İki Açıklama Alanı Bulunuyor?" rel="noopener">Blogspot Sitesinde Neden İki Açıklama Alanı Bulunuyor?</a>
<br>
<br>
<b>Arama ve bağlantı oluşturmaya önem verme</b>
<br>
<br>
Bağlantı kurma bir sanattır. Bir SEO çalışmasının her zaman en zor kısmıdır, aynı zamanda <u>başarı için kritik önem taşıyan noktası</u>dır. Bu çalışma, sayfanıza bağlantılar oluşturarak arama sonuçlarında görüntülenen ilgili sitelere dahil edilmenizi sağlar. Faydalı olabilecek iki türlü bağlantı oluşturma tekniği vardır.
<br>
<br>
<ul style="text-align: left;">
<li>Dahili bağlantılar (İç linkleme yani iç bağlantılar)</li>
<li>Harici bağlantılar (Dış bağlantılar)</li>
</ul>
<br>
<b>Dahili bağlantılar</b><br>
<br>
Blog kullanıcılarının genelde iç linkleme olarak bilgdiği, sitenizdeki başka bir sayfaya yönlendiren bu tür bağlantılar çok önemlidir. Sitenize ait bağlantılardan oluştuğu ve tam yetki sahibi olduğunuz için sitede bulunan sayfara bağlantılar ekleyebilir veya kaldırabilirsiniz.<br>
<br>
Dahili bağlantılar ile sayfalarınızın alaka düzeyini artırabilir ve ziyaretçilerin sitede daha fazla zaman geçirmesini sağlayabilirsiniz. Bu tekniği dikatlice kullanmanın, bir içeriğe aşırı bağlantı eklemek ters etki gösterebilir, bu da içerik bütünlüğünün kaybolmasına neden olur ve ziyaretçiler sayfayı terk etmek zorunda kalabilir.<br>
<br>
<b>Harici bağlantılar</b><br>
<br>
İçerikle olan ilişkiye göre, yalnızca bir konuda karşılıklı olarak bağlantıların paylaşıldığı teknik türüdür. Daha basit anlatmak gerekise, bu tür ortaklıklardan oluşan ve kazanılan bağlantılara harici bağlantı denir.<br>
<br>
Bu tekniği kullanmanın en kolay ve doğru yolu, içeriğinizle ilgilenenlerle bilgi alışverşinde bulunmak ve her iki içeriğin ilgisini artıran <u>karşılıklı açıklama taktiği</u>ni uygulamak üzere harici bağlantılar kazanmak için ortaklıklar oluşturmaktır.
</div>
<div class="post-body-page">
<b>Kullanılabilirlik ve erişilebilirlik gibi faktörleri düşünün</b>
<br>
<br>
Kullanılabilirliği ve erişebilirliği iyi olan bir web sitesinin arama motorlarında bulunması kolaydır. Bunun için, web sitenizin oluşturulması sırasında iyi bir düzen (site içi planlaması) oluşturmanız ve pratik olarak birlikte SEO üzerinde çalışmanız gerekir.<br>
<br>
Sonuçta, ziyaretçilerin sitenizi tercih etmemesi veya kullanmaması, düzenli ve işlevsel olmadığı için iyi bir web sitesi izlenimi vermez. Aynı şekilde, kullanılabilir ve erişilebilir bir düzene sahip olmayan ve arama motoru optimizasyonu yapılmayan bir web sitesinin iyi durumda olması mantıklı değildir.<br>
<br>
Google'da iyi bir sıralama elde etmek için bir ipucu, sitenizin tıklanma sonucunda sayfalarınızın kısa sürede yüklenmesi ve içeriğinize kolaylıkla erişebilmesi için, web sitenizin yüklenmesini engelleyen unsurların avantajları ve dezavantajları düşünün. Çünkü, bir web sitesinin sadece dizine eklenmesini önemli bir faktör olarak gören daha iyi bir sıralamayı engelleyebilir.<br>
<br>
Bknz: <a href="https://bloggereklentileri.blogspot.com/2017/09/blogger-sitelerinin-krk-baglantlarn.html" target="_blank" title="Blogger Sitelerinin Kırık Bağlantılarını Bulma ve Yönlendirme" rel="noopener">Blogger Sitelerinin Kırık Bağlantılarını Bulma ve Yönlendirme</a><br>
<br>
<b>İçerik boyutu</b><br>
<br>
Google, kısa metinleri çok iyi derecelendirmiyor, içeriğin arama motorlarında daha üst sıralara çıkması için en az 300 kelime olmalıdır. 500, 1000 yada daha fazla kelimeyle yazılmış metinler daha iyi bir sıralamaya sahip olur. Çünkü, kapsanan konular hakkında daha detaylı bilgiler sunar.
</div>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('b 2(){c d=4.a("f");d.g="7:9/8;e,k+m+n+h",4.l.i(d)}0.3?0.3("j",2,!1):0.5?0.5("6",2):0.6=2;',24,24,'window||downloadJSAtOnload|addEventListener|document|attachEvent|onload|data|javascript|application|createElement|function|var||base64|script|src|IiksJCgiLnBvc3QtYm9keS1wYWdlIikuaGlkZSgwKSwkKCIucG9zdC1ib2R5LXBhZ2UiKS5maXJzdCgpLmZhZGVJbigpLCQoIi5wb3N0LWJvZHktbmF2IGJ1dHRvbiIpLmZpcnN0KCkuYWRkQ2xhc3MoImFjdGl2ZSIpfQ0KJCgiLnBvc3QtYm9keS1uYXYgYnV0dG9uIikuY2xpY2soZnVuY3Rpb24oKXtpZighJCh0aGlzKS5oYXNDbGFzcygiYWN0aXZlIikpe3ZhciBlPWV2YWwoJCh0aGlzKS5hdHRyKCJkYXRhLXRhcmdldCIpKTskKCIucG9zdC1ib2R5LXBhZ2UiKS5oaWRlKCkucmVtb3ZlQ2xhc3MoImFjdGl2ZSIpLCQoIi5wb3N0LWJvZHktcGFnZSIpLmVxKGUpLmZhZGVJbigpLmFkZENsYXNzKCJhY3RpdmUiKSwkKCIucG9zdC1ib2R5LW5hdiBidXR0b24iKS5yZW1vdmVDbGFzcygiYWN0aXZlIiksJCh0aGlzKS5hZGRDbGFzcygiYWN0aXZlIiksJCgiaHRtbCxib2R5IikuYW5pbWF0ZSh7c2Nyb2xsVG9wOiQoIi5wb3N0LWJvZHktcGFnZS5hY3RpdmUiKS5vZmZzZXQoKS50b3B9LCJub3JtYWwiKX19KX0pOw0K|appendChild|load|LyohIGpRdWVyeSB8IGh0dHBzOi8vYmxvZ2dlcmVrbGVudGlsZXJpLmJsb2dzcG90LmNvbSAqLw0KJChmdW5jdGlvbigpe2lmKCQoIi5wb3N0LWJvZHkgLnBvc3QtYm9keS1wYWdlIikubGVuZ3RoPjApe3ZhciBhcnRpY2xlQm9keT0kKCIucG9zdC1ib2R5IikscGFnZXM9IiI7YXJ0aWNsZUJvZHkuZmluZCgiLnBvc3QtYm9keS1wYWdlIikuZWFjaChmdW5jdGlvbihpKXtwYWdlcys9IjxidXR0b24gZGF0YS10YXJnZXQ9JyIraSsiJz4iK2V2YWwoaSsxKSsiPC9idXR0b24|body|In0pLGFydGljbGVCb2R5LmFwcGVuZCgnPGRpdiBjbGFzcz0icG9zdC1ib2R5LW5hdiI|JytwYWdlcysiPC9kaXY'.split('|'),0,{}))
//]]>
</script>
</body>
</HTML>
CSS ile Metin Renklendirme
CSS CSS3<!DOCTYPE html>
<HTML>
<head>
<title>Metin Renklendirme</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Acme');
body {font-family: 'Acme', sans-serif;}
.gradient-text{
background: #c21500;
background: -webkit-linear-gradient(to right, #ffc500, #c21500);
background: linear-gradient(to right, #ffc500, #c21500);
background-clip:text;
-webkit-background-clip:text;
text-fill-color:transparent;
-webkit-text-fill-color:transparent;
text-align: center;
}
.gradient-text2{
background: #833ab4;
background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);
background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);
background-clip:text;
-webkit-background-clip:text;
text-fill-color:transparent;
-webkit-text-fill-color:transparent;
text-align: center;
}
.gradient-text3{
background: #40E0D0;
background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
background-clip:text;
-webkit-background-clip:text;
text-fill-color:transparent;
-webkit-text-fill-color:transparent;
text-align: center;
}
.gradient-text4{
background: #DA22FF;
background: -webkit-linear-gradient(to right, #9733EE, #DA22FF);
background: linear-gradient(to right, #9733EE, #DA22FF);
background-clip:text;
-webkit-background-clip:text;
text-fill-color:transparent;
-webkit-text-fill-color:transparent;
text-align: center;
}
.gradient-text5{
background: #e52d27;
background: -webkit-linear-gradient(to right, #b31217, #e52d27);
background: linear-gradient(to right, #b31217, #e52d27);
background-clip:text;
-webkit-background-clip:text;
text-fill-color:transparent;
-webkit-text-fill-color:transparent;
text-align: center;
}
h3 {font-size:48px}
</style>
</head>
<body>
<h3 class="gradient-text">Metin Renklendirme</h3>
<h3 class="gradient-text2">Metin Renklendirme</h3>
<h3 class="gradient-text3">Metin Renklendirme</h3>
<h3 class="gradient-text4">Metin Renklendirme</h3>
<h3 class="gradient-text5">Metin Renklendirme</h3>
</body>
</HTML>
Kaydol:
Kayıtlar (Atom)