Kayıtlar

Google 20 Yaşında

Resim
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

Web sitelerinde kullanıcı deneyimini artırmak için sıkça kullanılan işlevlerden biri de, bir metni panoya kopyalamaktır. "Copy to clipboard" yani "Panoya Kopyala" işlemi sayesinde, kullanıcılar bir metni kolayca kopyalayabilir ve diledikleri yere yapıştırabilirler. Aşağıda, sayfa içerisindeki belirli bir HTML elemanının (örneğin bir paragraf ya da açıklama bloğu) içeriğini panoya kopyalamayı sağlayan bir örnek bulacaksınız. Ayrıca örnekte, kopyalanan metnin bir metin kutusuna yapıştırılarak test edilmesi de mümkündür. ✅ Kopyalama İşlevi Nasıl Çalışır? Aşağıdaki modern JavaScript fonksiyonu, navigator.clipboard API'sini kullanır. Bu yöntem, eski document.execCommand("copy") metoduna kıyasla daha güvenli ve günceldir: <script> function copyContent() {   const content = document.getElementById("kopya").innerText;   navigator.clipboard.writeText(content)     .then(() => {       alert("İçerik başarıyla panoya kopyalandı!");     ...

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

Resim
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

Resim
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

SEO Uyumlu Sayfa Örneği

Resim
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 gravid...

CSS ile Overlay Yapmak

Resim
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.c...

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

Resim
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 v...