Google 20 Yaşında

Google 20 Yaşında

Bu gün Google'ın 20. Yaş Günü. Firma yirminci yaşına özel bir video hazırladı. Videoda kurulduğu zamandan bu yana dünyada olan önemli gelişmeleri kendine özgü güzel anlatımıyla özetlemiş. İyi seyirler.

Saygılarımla... Turgut Arslan

Javascript Kopyalama Kodu

Javascript HTML İçerik Kopyalama Kodu

Bu aşağıdaki becerikli kod id'si kopya olan HTML elemanının tüm içeriğini panoya kopyalar. Yani copy to clipboard denilen işlemi yapar. .

function CopyToClipboard(kopya) {
        if (document.selection) {
            var range = document.body.createTextRange();
            range.moveToElementText(document.getElementById("kopya"));
            range.select().createTextRange();
            document.execCommand("copy");

        } else if (window.getSelection) {
            var range = document.createRange();
            range.selectNode(document.getElementById("kopya"));
            window.getSelection().addRange(range);
            document.execCommand("copy");
            alert("Panoya Kopyalandı")
        }
    }

Javascript ile web sayfasındaki bir metni tıklandığı zaman clipboarda kopyalamak mümkün. aşağıdaki butona tıkladığınızda, bu metin panoya kopyalanır. İstediğiniz yere yapıştırabilirsiniz. İnanmıyorsanız butona tıklayon ve aşağıdaki metin kutusuna yapıştırın, nasıl çalıştığını kendi gözlerinizle görün.

Javascript ile kopyaladığın içeriği buraya yapıştır.
Saygılarımla... Turgut Arslan

Google Reklam Kişiselleştirmeyi Nasıl Kapatırım?

Google'ın kişiselleştirilmiş reklamlarından rahatsız mı oldunuz?

Bir web sayfasını(özellikle bir e-ticaret sitesini) ziyaret ettikten sonra dolaştığınız her yeni sitede daha önce dolaştığınız sayfadaki ürünlerin reklamlarını görmekten sıkıldıysanız bu çözüm tam da size göre. Hemen aşağıdaki adrese gidip Reklam kişiselleştirme açık butonunu kapalı konumuna getirerek Google'ın verilerinizi reklamlarda kullanmasına engel olabilirsiniz.

https://adssettings.google.com/authenticated

Saygılarımla...
Turgut Arslan

Renk Paletim

Web/Grafik Tasarım Çalışmalarımda Kullandığım Renkler

#e9e8ef

#f5dfd5

#ed393a

#4251b6

#6ed6df

#f2ce20

#56f8bc

#42b1ff

#fce55b

#ff9f1d

#e71d35

#30c4b6

#011627

#0eadf1

#fa3263

#f8ad30

#28cda3

#135b4d

#fcd76c

#686459

#975592

#a1834d

#9f353f

#cbbb80

#cb3c74

#6d5b97

#e18bb8

#c59169

#c59169

#d2b356

#b66ba4

#f37a29

#d74061

#fdb33a

#6d5b97

#1180ae

#d9ba2e

#6a6d52

#b32f3d

#ca457e

#83b14f

#81313a

#45223a

#ef5229

#93366b

Saygılarımla...
Turgut Arslan

Bu yazıda SEO uyumlu Sayfa Nasıl Hazırlanır? Onu Araştırdım ve YOAST eklentisini baz alarak bir örnek sayfa oluşturdum. Sayfada yazı olarak lorem ipsum hurufat kelimelerini kullandım.

Örnek Sayfa

SEO UYUMLU SAYFA ÖRNEĞİ

Lorem ipsum dolor sit amet, seo uyumlu sayfa consectetur adipiscing elit. Donec volutpat blandit risus ornare tempor.

 SEO ile ilgili  tanım için Mauris a ipsum venenatis, commodo enim a, dignissim metus. Proin eget molestie odio. Maecenas porttitor urna et elit eleifend euismod. Suspendisse facilisis sem vel lorem tristique auctor. Sed sed ultricies elit. Pellentesque euismod placerat lobortis. Aliquam sollicitudin tincidunt dui, vitae faucibus orci mollis sit amet. Nunc vitae tortor sodales, fermentum tortor eu, luctus risus. Sed eget ligula ac tortor mollis ultricies. Aenean augue ipsum, ornare sit amet tristique et, dapibus vitae lectus seo uyumlu sayfa. Quisque gravida quam at turpis consectetur, et pellentesque nibh gravida. Integer lacinia fringilla turpis non iaculis.

SEO uyumlu sayfa yapmanın faydası nedir?

Donec hendrerit dui vitae nisi sagittis, imperdiet porta odio pulvinar. Nam tempor velit metus. Maecenas tempus ipsum lectus, vel blandit urna imperdiet sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas seo uyumlu sayfa. In placerat molestie laoreet. Aenean felis felis, accumsan id pulvinar ut, varius at tellus. Sed eu tortor quis dui imperdiet gravida porta nec erat. Morbi tincidunt dui in ultricies fringilla. Mauris porta sapien ac justo tempus blandit. Vivamus porta eros a elit dignissim laoreet. seo uyumlu sayfa Nam ornare, ipsum cursus faucibus posuere, diam dolor vulputate nunc, sed volutpat massa leo sed dolor. Aliquam finibus dignissim libero a aliquet. Nullam molestie tellus et orci gravida, ut ullamcorper tortor rhoncus.

Sayfam Neden SEO Uyumlu Olmalı?

Because sagittis diam eget odio consequat ultrices. Vestibulum a leo aliquam neque cursus aliquam seo uyumlu sayfa örneği quis non risus. Praesent ultrices pretium nisl, in finibus magna malesuada in. Aliquam vulputate neque in mauris euismod, nec euismod ipsum tempus. Nunc lobortis rutrum nulla, nec mollis leo porttitor et. Proin aliquam auctor enim id feugiat. Duis laoreet, augue vitae feugiat pretium, orci purus ullamcorper diam, at semper magna ligula ut libero. Nam ligula felis, commodo eget ligula nec, dictum fringilla tortor seo uyumlu sayfa. Nam a convallis tortor, ac rutrum ligula. Nullam id rhoncus arcu. In sit amet leo dui.

Nasıl daha iyi seo uyumlu sayfa hazırlarım?

Sonuç In pulvinar sem risus, feugiat porta metus auctor at. Nullam vehicula mauris eget laoreet luctus. Duis nec massa ornare, imperdiet augue sed, bibendum justo. Donec vel elit augue. Suspendisse seo uyumlu sayfa ac felis pulvinar, vulputate ante quis, blandit leo. Sed justo sem, pretium scelerisque libero vel, auctor dictum velit. Vestibulum iaculis porttitor placerat.
As a result Donec id tincidunt felis. Donec vulputate enim blandit mauris gravida, a suscipit leo venenatis. Pellentesque seo uyumlu sayfa non pharetra sem, eu hendrerit nisl. Maecenas non volutpat nisi. Integer laoreet mi erat, sit amet dignissim urna interdum id. Mauris viverra id diam nec malesuada. Mauris nec consectetur diam. Maecenas ac ex eu felis tincidunt blandit vitae eleifend nunc.

Sayfada özelikleri başlıca şöyle;

Anahtar Kelimesi : SEO Uyumlu Sayfa

Sayfa Başlığı (Title Etiketi) : SEO Uyumlu Sayfa Nasıl Olur? Sizin İçin Araştırdım ve Bir Örnek Hazırladım

Meta Açıklaması (Description) :  İyi bir seo uyumlu sayfa oluşturmak ve google'da üst sıralara çıkmak için nasıl bir çalışma yapılmalı? Bu sorunun Cevabını araştırdığımız çalışmamızda. En çok bilinen SEO kriterlerine göre bir sayfa oluşturmaya çalıştık. Umarım SEO çalışmalarımızda hepimize faydası olur.

URL Uzantısı(Slug) : seo-uyumlu-sayfa

Bu örnek sayfada,

İlk paragrafta anahtar kelimem olan SEO Uyumlu Sayfa yı kullandım. aynı şekilde H1 etiketli başlıkta da anahtar kelimem geçiyor. Sayfada 1 adet H1, Bir adet H2 ve iki adet H3 kullandım. Sayfanın anahtar kelime yoğunluğu %2,3. Mümkün olduğunca anahtar kelime maksimum sayı değerini göstermek istedim. Bu yazıda toplam 469 kelime bulunuyor. Bunların 11 tanesi anahtar kelime.

Sayfada bir adet dahili bir adet de harici bağlantı kullandım. Ayrıca bir örnek görseli de anahtar kelimeyi içeren alt özelliğini de yazarak sayfaya ekledim.

Konu ile ilgili değerlendirmelerinizi bekliyorum

Saygılarımla...
Turgut Arslan

CSS ile Overlay Yapmak

Resim Başlığı

Resim Yazısı.

<!DOCTYPE html>
<html>
<head>
<title>CSS Overlay Efekti</title>
<style>
.kapsayici{

width:800px;
height:476px;
overflow:hidden;
text-align:center;
position:relative;
}
.perde{
position:absolute;
top:100%;left:0;right:0;bottom:0;
background:rgba(237,71,74,0.5);
color:#fff;
z-index:1;
padding-top:45%;
transition:top 0.5s;
}
.kapsayici:hover .perde{
top:0;
}
</style>
</head>
<body>
  <div class="kapsayici">
           <img src="/kirmizi-mercedes.jpg" />
     <div class="perde">
         <h3>Resim Başlığı</h3>
         <p>Resim Yazısı.</p>
    </div>
</div>

</body>
</html>
CSS overlay efetki ve diğer pratik bilgiler için Arin Yazılımın videolarını izleyebilirsiniz
https://www.youtube.com/watch?v=3aoOP_1mpws&list=PL-Hkw4CrSVq9GTqLreY9l5MiJJm6EOkal&index=7

Saygılarımla...
Turgut Arslan

Günlük SEO Çalışması

SEO İş Listesi

Search Console İçinde Yapılması Gerekenler

- Search Console'da Arama Trafiği altındaki Search Analytics panelinden çalışılan anahtar kelimeler için anahtar kelime gösterim, tıklama ve sıralama istatistiğinin incelenmesi.
Burada anahtar kelimelerin konumları ve tıklanma oranlarının yanı sıra o anahtar kelimenin yönlendirdiği sayfaların da incelenmesi gerekir.

- Search Console ekranında Arama Görünümü altında HTML Geliştirmeleri panelinde Meta açıklamalar ile ilgili hataların düzeltilmesi
Bu panelden site içindeki Yinelenen Meta Açıklamalar, Uzun Meta Açıklamalar, Kısa Meta Açıklamalar, Eksik Başlık Etiketleri, Yinelenen Başlık Etiketleri, Uzun Başlık Etiketleri ve Kısa Başlık Etiketleri gibi çeşitli uygulama hataları görüntülenir.

- Google Dizin Durumunun denetlenmesi.
Burada dizine eklenen sayfa sayısını ve robots.txt dosyanız tarafından engellenen sayfa sayısını görebilirsiniz, Ayrıca URL kaldır bölümünden istemediğiniz linklerin arama sonuçlarından ve Google indeksinden kaldırılmasını isteyebilirsiniz.

- Tarama Hatalarının denetlenmesi.
Buradan 404 ve 500 gibi standart hataların denetimini yapabilirsiniz. Google botlarının tarama istatistikleri, ve robots.txt dosyanızın test edilmesi gibi işlemleri yapabilirsiniz. Google gibi getir özelliğini kullanarak sayfalarınızın Google botları tarafından nasıl göründüğünü görebilir; isteğe bağlı olarak indekslenmesi için talimat verebilirsiniz. site haritaları kısmından sitemap.xml dosyanızı ekleyebilir, güncelleyebilir ve hatalarınız denetleyebilirsiniz.

Saygılarımla...
Turgut Arslan