Yakın zamanda Google'ın yeniden yazma güncellemesinin etkisini anlamak için 50.000'den fazla başlık etiketini inceledim. Bir SEO uzmanı olarak bu durum doğal olarak güncellemenin özellikle Moz'u nasıl etkilediğini merak etmeme neden oldu. Dolayısıyla bu yazı, kötü yeniden yazmaları düzeltmeyi başardığımız üç örnek olay da dahil olmak üzere, derinlemesine aşina olduğum bir sitenin daha odaklı bir incelemesi olacak.
Bir yazar olarak başlıkları oldukça kişisel alıyorum. Bu başyapıtı yazdığınızı hayal edin:
… ve sonra şunun gibi görünen bir Google sonucuyla karşılaştınız:
Elbette Google burada yanlış bir şey yapmadı ve görüntüleyebilecekleri konusunda bir üst sınırın olması onların hatası değil, ancak yine de bir şeyler kaybolmuş gibi geliyor. Tarafsız bir veri kümesinde çalışma yapmak başka bir şeydir, ancak yazmak için saatler, günler veya haftalar harcadığınız makaleler de dahil olmak üzere kendi siteniz üzerindeki etkisini anlamaya çalışırken bu tamamen farklı bir şeydir.
Moz sayılarla yeniden yazıyor
Metodolojinin derinliklerine inmeyeceğim, ancak Moz'un Anahtar Kelime Gezgini'nden sıralama anahtar kelimelerinin tamamını topladım (veriler Ağustos sonuna aittir) ve mevcut
etiketlerini almak için ilgili URL'leri kazıdım. İşte rakamlardan birkaçı:</p><p></p><p>74.810 sıralama anahtar kelimesi</p><p>10.370 benzersiz URL</p><p>8.646 yeniden yazma</p><p>Bu "yeniden yazmaların" 2.000'den biraz azının aslında güncelleme öncesi (...) kesinti olduğunu unutmayın. Geri kalanların çoğunluğu, örneklerde biraz ele alacağım markanın yeniden yazılması veya kaldırılmasıydı. Önemli, etkili yeniden yazmaların sayısını ölçmek zordur, ancak çok daha azdı.</p><p></p><p>Google bunu nerede doğru yaptı?</p><p>Google'ın başlık etiketlerini yeniden yazması konusunda çekincelerim olsa da (bununla ilgili daha fazla bilgiyi bu yazının sonunda bulabilirsiniz), bu analize açık fikirlilikle girmeye çalıştım. O halde en azından Moz.com bağlamında Google'ın neyi doğru yaptığına bakalım.</p><p>(1) Çift-up'ların kaldırılması</p><p>CMS'miz, markamızı (" - Moz") sayfalarımızın çoğuna otomatik olarak ekler; bu, sitemize pek de özgü olmayan bir durumdur. Bazı durumlarda bu, markanın tuhaf bir şekilde ikiye katlanmasına yol açıyor ve Google, bunları oldukça etkili bir şekilde ortadan kaldırıyor gibi görünüyor. Örneğin:</p><p>CMS işini yaparken "Moz - Moz" tekrarlanıyor ve Google'ın bunu doğru yaptığını düşünüyorum. Bunun basit bir kesme olmadığını unutmayın; ek metin kolaylıkla sığabilir.</p><p>(2) Şu lanet SEO'lar!</p><p>Tamam, bunu kabul etmek istediğimden emin değilim, ancak ara sıra başlık varyasyonlarını test ediyoruz ve 2013'te "SEOmoz"dan "Moz"a yeniden markalaşma mirasının bir kısmını hâlâ yaşıyoruz. Dolayısıyla, sitemizin bazı alanlarında " | SEO | Moz" varyasyonları var. Google'ın bir çeşidi nasıl ele aldığı aşağıda açıklanmıştır:</p><p>Biraz daha uzun olsa da bunun hem bizim hem de aramadan gelen ziyaretçilerimiz için Soru-Cevap sayfalarımız için daha iyi bir uzantı olduğundan şüpheleniyorum. Buna Google için bir kazanç diyeceğim.</p><p></p><p>(3) Bu her ne ise…</p><p>Bu <title> etiketinin asıl amacının ne olduğu hakkında hiçbir fikrim yok (muhtemelen bir deneme):</p><p>Orijinal <title> etiketinde çok yanlış bir şey olmasa da, muhtemelen belirli anahtar kelimeleri önden yüklemek için çok fazla çaba sarf ediyor ve pek okunaklı değil. Bu durumda Google, blog yazısı başlığını (<H1>'den) kullanmayı tercih etti ve bu muhtemelen iyi bir seçimdir.</p><p></p><p>Google bunu nereden buldu?</p><p>Google'ın iyi bir iş çıkardığı örnekleri ele almak tuhaf görünebilir, ancak bazı açılardan bunlar beni en çok rahatsız ediyor, sırf gereksiz göründükleri için. Yeniden yazma çıtasının daha yüksek olması gerektiğini düşünüyorum ve bu da gri alanları çalışmaya değer kılıyor.</p><p>(4) Markanın karıştırılması</p><p>Her daim yeşil kalan bazı parçalarımızda Moz markasını ön planda tutuyoruz. Bazı durumlarda Google bunu başlığın arkasına karıştırdı. İşte sadece bir örnek:</p><p>Bu yeniden yazmada doğası gereği yanlış olan hiçbir şey yok, ama neden yapıyorsunuz? Burada bilinçli bir seçim yaptık ve yeniden yazma işlemi diğer içeriğimizle daha tutarlı olsa da bunun Google'ın vereceği karar olduğundan emin değilim.</p><p></p><p>(5) Çift marka sorunu</p><p>Bu kavramsal olarak # 4'ün bir varyasyonudur. Beyaz Tahta Cuma video başlıklarımızdan bazıları "- Beyaz Tahta Cuma - Moz" ile bitiyor ve bu örnekte Google bunu böldü ve yarısını d'nin önüne yerleştirdi.</p><p>oyun başlığı:</p><p>Whiteboard Friday başlı başına bir marka, ancak #4 ve #5'in marka metninden çok başlıktaki sınırlayıcılarla ilgili olduğunu hissediyorum. Tekrar ediyorum, bu neden yeniden yazmayı tetikledi?</p><p></p><p>"Tüm veriler Google'da ve belki de bizden daha fazlasını biliyorlardır" şeklinde bir şeyler düşünüyor olabilirsiniz. Bu düşünceyi yazının sonuna kadar askıya alın.</p><p>(6) Eski geçiş</p><p>Google'ın <title> etiketi yerine yazı başlığını (<H1> içinde) seçtiği ve bunun sonucunda "sil" yerine "kaldır" ifadesinin değiştirildiği bir örnek:</p><p>Bu aslında tek kelimelik bir değişiklik değil (tam bir değişim) ve burada neden iki farklı kelimeyle karşılaştığımızı bilmiyorum, peki ya yazı başlığına son derece benzeyen orijinal başlık, yeniden yazma ihtiyacını tetikledi?</p><p></p><p>Kısa bir not: Öne Çıkan Parçacıkların da organik sonuçlar olduğunu ve dolayısıyla yeniden yazma işlemlerinin Öne Çıkan Parçacıklarınızı da etkileyeceğini unutmayın. İşte aynı gönderi/yeniden yazma, başka bir sorgu için Öne Çıkan Parçacık olarak görünüyor:</p><p>Tekrar ediyorum, yeniden yazımda bunun neden olduğuna dair netlik eksikliği dışında gerçekten yanlış veya yanlış hiçbir şey yok. Ancak Öne Çıkan Parçacık bağlamında, yeniden yazmaların orijinal yazar(lar)ın amacını etkileme olasılığı daha yüksektir.</p><p></p><p>Google nerede hata yaptı?</p><p>Beklediğiniz an geldi; Google'ın işleri berbat ettiği örnekler. Bunların, en azından bizim veri setimizde az sayıda ve çok nadir olduğunu açıkça belirtmek isterim. En kötüsünün en kötüsünü seçmek kolaydır, ancak burada seçtiğim üç örneğin ortak bir teması var ve bence daha geniş bir sorunu temsil ediyorlar.</p><p>(7) Önce son şeyler</p><p>Aşağıda, Google'ın başlığın ana kısmı yerine parantez içindeki kısmı seçmiş gibi göründüğü, yeniden yazma kısaltmasının bir örneği verilmiştir:</p><p>Kötü örneklerin (veya kötülüğün iyi örneklerinin) çoğu, Google'ın bir başlığı sınırlayıcılara göre böldüğü ve ardından kalanları anlamsız bir şekilde yeniden yapılandırdığı gibi görünüyor. Bir kenara bırakıldığı ve kendisinden önce gelenlerden daha az önemli olduğu varsayılan parantez içindeki bir ifade durumunda bu özellikle tuhaf görünüyor.</p><p></p><p>(8) Konuşmanın yarısı</p><p>Diğer durumlarda Google, sınırlayıcıları bir kesme noktası olarak kullanır ve onlardan önce veya sonra olanı görüntüler. İşte "sonra" yaklaşımının pek işe yaramadığı bir durum:</p><p>Bu, kullanıcı tarafından oluşturulan içeriktir ve uzun bir başlık olduğu kabul edilir, ancak sonuçta ortaya çıkan kesintinin bağlam dışında hiçbir anlamı yoktur. Standart (...) kesme burada daha iyi bir yol olurdu.</p><p></p><p>(9) Ve başka bir şey...</p><p>İşte benzer bir örnek, ancak kesme kısa çizgide (-) gerçekleşti. Başlık stili biraz alışılmadık (özellikle alt başlığın “Ve” ile başlaması), ancak kesme, onu alışılmadıktan tamamen gülünç hale getiriyor:</p><p>Tekrar ediyorum, basit bir kesme burada daha iyi bir bahis olurdu.</p><p>Google'ın ne yapmaya çalıştığını anlıyorum; doğal dildeki araları bulmak ve bu aralarda başlıkları bölmek için sınırlayıcılar (boru, kısa çizgi, iki nokta üst üste, parantez ve köşeli ayraçlar dahil) kullanmaya çalışıyorlar. Maalesef örnekler bu yaklaşımın ne kadar istikrarsız olabileceğini gösteriyor. Klasik "Başlık: Alt başlık" formatı bile yazarlar tarafından sıklıkla tersine çevrilir ve (tartışmalı olarak) daha az önemli olan kısım bazen ilk önce kullanılır.</p><p></p><p>Üç vaka çalışması (& üç galibiyet)</p><p>Sonuçta, bazı yeniden yazma işlemleri iyiden iyiye iyi olacaktır ve bu yeniden yazmaların çoğu, düzeltilmesi için harcanan zamana ve çabaya değmez. Moz <title> yeniden yazmalarının yarısından fazlası küçük marka değişiklikleri veya markanın kaldırılmasıydı (ikincisi genellikle uzunluk sınırlamalarından kaynaklanıyordu).</p><p>Peki ya nesnel olarak kötü yeniden yazılanlar? Üç örnek olay incelemesi seçmeye ve Google'ın önerilerimi dikkate almasını sağlayıp sağlayamayacağımı görmeye karar verdim. Süreç nispeten basitti:</p><p></p><p><title> etiketini uzunluk sınırının altında tutmaya çalışarak güncelleyin Sayfayı Google Search Console'da yeniden dizine eklenmek üzere gönderin Yeniden yazma uzun sürmediyse <H1> öğesini veya ilgili sayfa metnini güncelleyin</p><p>İşte üç vaka çalışmasının sonuçları (öncesi ve sonrası ekran görüntüleri ile birlikte):</p><p>(1) Gölgeli bir chara</p><p>cter</p><p>Bu gerçekten bizim hatamızdı ve düzeltilmesi kolay bir seçimdi. Uzun lafın kısası, veri taşıma işlemi özel bir karakterin bozulmasına neden oldu ve bu durum şu şekilde sonuçlandı:</p><p>Bunun için Google'ı suçlamıyorum, ancak sonuç, "Google Yapmayacak" ifadesinin "Google Kazandı" gibi görünmesine neden olan ve bunun başlığın sonu olduğu izlenimini veren garip bir kesme biçimiydi. <title> etiketini düzeltip kısalttım ve şöyle oldu:</p><p></p><p>İlginç bir şekilde Google, kısaltılmış <title> sürümü yerine burada <H1>'i kullanmayı tercih etti, ancak asıl sorunu çözdüğü için bunu bir kazanç olarak adlandıracağım ve yoluma devam edeceğim.</p><p></p><p>(2) Değişim kolay değil</p><p>İşte Google'ın yanlış anladığı bir başka örnek: <title> etiketini parantez içinde kırmak pek mantıklı değil (yukarıdaki örneklere benzer şekilde):</p><p>Bu yeni ve hâlâ alakalı bir gönderi olduğundan, düzeltmeye istekliydik. İlginç bir şekilde, ilk düzeltme işe yaramadı. Yazı başlığını da (<H1>) değiştirmeye başvurmak zorunda kaldım ve bu başlıktaki parantezleri kaldırdım. Bundan sonra Google <title> etiketini seçti:</p><p></p><p>Bu süreç biraz deneme-yanılma ve sabır gerektirebilir, özellikle de GSC'nin yeniden indeksleme zaman çizelgesi biraz farklılık gösterebileceğinden. Bu güncellemelerin çoğunun devreye girmesi yaklaşık bir gün sürdü, ancak yakın zamanda bir saatten hiçe kadar bir yerde duydum.</p><p></p><p>(3) Moz'u terk etmeyin!</p><p>Son örnek olay çalışmamız, Google'ın başlığı tırnak içindeki bir kelime öbeğine göre bölmeye ve ardından kesmeye ("..." olmadan) karar verdiği karmaşık, çok sınırlayıcı bir başlıktır:</p><p>Yeniden yazmanın ana kısmı tamam olsa da ne yazık ki kesinti, yazarın okuyuculara Moz'u terk etmelerini söylüyormuş gibi görünmesine neden oluyor. (Pazarlama bundan pek memnun değildi). Alıntıyı ve parantezleri kaldırarak <title> etiketini basitleştirmeyi seçtim. İşte sonuç:</p><p></p><p>"Ve" harfini ve işaretiyle (&) değiştirerek başlığın ilgili tüm kısmına gizlice girmeyi başardım ve artık neyi atlamamız gerektiği açık. Rahat bir nefes alın.</p><p></p><p>Potansiyel olarak yapılacak çok daha fazla şey olsa da, buradan çıkarılacak iki sonuç var:</p><p></p><p>Öncelik vermeniz gerekir; özellikle Google'ın bunları herhangi bir zamanda değiştirebileceği/ayarlayabileceği küçük yeniden yazma işlemleriyle uğraşmayın. Google'ın yaptıklarını neden yaptığını anlarsanız, kötü yeniden yazmalar biraz zaman ve sabırla düzeltilebilir.</p><p>Bu güncellemenin paniğe yol açacağını düşünmüyorum, ancak içeriğinizin amacını yansıttıklarından emin olmak için kendi yeniden yazma işlemlerinizi ve özellikle de yeniden yazma kalıplarını anlamak kesinlikle faydalı olacaktır. 8.000 yeniden yazma işleminde bile bulduğum şey, herhangi bir kalıba uymayan, belki birkaç düzine örnekten oluşan yalnızca bir avuç dolusu kalıp olduğuydu. Sinyali gürültüden ayırmak emek ister ama kesinlikle başarılabilir.</p><p>Yeniden yazmalar iyi mi kötü mü?</p><p>Bu inanılmaz derecede subjektif bir soru. Kendimi kötü örneklerden rastgele seçmekten alıkoymak için bu gönderiyi bilerek doğru/öyle-yanlış olarak yapılandırdım ve gözlemlerim, yeniden yazılanların çoğunun (oldukça kişisel olarak ele aldığım bir sitede bile) küçük ve zararsız olduğu yönünde. Bununla birlikte, bazı şüphelerim var. Analizden memnunsanız ve editörlüğe ihtiyacınız yoksa, gidip bir sandviç hazırlayabilir veya kestirebilirsiniz.</p><p>Bunun dinamik bir durum olduğunu unutmamak önemlidir. Araştırmamın işaretlediği yeniden yazımlardan bazıları, elle kontrol etmek için geri döndüğümde değişmişti; bunların arasında, basit kısaltmaya dönen pek çok yazı da vardı. Görünüşe göre Google geri bildirimlere uyum sağlıyor.</p><p>Bu araştırma ve yazı beni en çok “öyle böyle” örneklerinden rahatsız etti. Kötü örneklerin çoğu daha iyi algoritmalarla düzeltilebilir, ancak sonuçta başlıkları yeniden yazma çıtasının nispeten yüksek olması gerektiğine inanıyorum. Şöyle örneklerdeki orijinal <title> etiketlerinin çoğunda yanlış bir şey yok ve görünen o ki Google, yeniden yazma eşiğini oldukça düşük ayarlamış.</p><p>Google'ın tüm verilere sahip olduğunu (ve benim sahip olmadığımı) iddia edebilirsiniz, bu yüzden belki ne yaptıklarını biliyorlardır. Belki öyle, ama bu argümanla ilgili iki sorunum var.</p><p>Öncelikle bir veri bilimcisi olarak endişeleniyorum:</p><p>Google'ın verilerinin ölçeği hakkında. Google A/B testlerinin bir tür etkileşim metriği veya metriğine göre yeniden yazıldığını varsayalım. Google ölçeğinde (yani devasa verilerde) çok küçük farklarla istatistiksel anlamlılığa ulaşmak mümkün. Sorun şu ki istatistikler bize bu değişikliğin, onu yapmanın sonuçlarını telafi edecek kadar anlamlı olup olmadığı konusunda hiçbir şey söylemiyor. Yeniden yazmanın yazarın orijinal amacını değiştirebileceği veya sınırlı durumlarda şirketler için markalaşma veya yasal sorunlar yaratabileceği durumlarda, bazı etkileşim ölçümlerinde %1'lik bir artış buna değer mi?</p><p>İki makine öğrenimi modelini birbiriyle karşılaştırıyorsanız, fark küçük olsa bile ortalama olarak daha iyi performans gösteren modeli tercih etmek mantıklı olacaktır. Muhtemelen bu durumda her iki modelin de aynı verilere erişimi vardır. Ancak başlığın yeniden yazılmasıyla, bir modelin performansını, Google'ın erişemediği çok fazla içeriğe sahip olabilecek milyonlarca bilinçli insan kararıyla karşılaştırıyoruz. IMO, yeniden yazma riski oldukça yüksektir ve bu, performanstaki küçük farklılıkların yeterli olmayabileceği anlamına gelir.</p><p>İkincisi - ve bu daha felsefi bir nokta - eğer Google belirli kalıpların veya başlık stillerinin daha iyi performans sağladığını tespit ettiyse neden şeffaf olup bu verileri yayınlamıyorsunuz? Google'ın algoritmayı neden gizlilik içinde saklamak istediğini anlıyorum, ancak bize başlık yeniden yazmanın sıralamaları etkilemediğini zaten söylediler. Eğer amaç internette daha iyi başlıklar yaratmaksa, yazarları ve içerik oluşturucuları bunu yapmaları için güçlendirin. Bu kararları bizim adımıza vermeyin.</p><p>Sonuçta Google'ın bu güncellemeyle çok ileri, çok hızlı ilerlediğini düşünüyorum. Herhangi bir büyük sırrı riske atmadan nedenleri daha açık bir şekilde iletebileceklerine (ve hala iletebileceklerine) ve en azından bu sistemler geliştirilinceye kadar değişiklik yapılıp yapılmayacağı ve ne zaman yapılacağı konusunda daha muhafazakar olabileceklerine inanıyorum.</p><p></p> </div>
<!-- ADS SECTION -->
<div class="mt-5 mb-4 text-center">
<script async="async" data-cfasync="false" src="https://pl30155735.effectivecpmnetwork.com/2eb275699028da5a466582ba91a44bdd/invoke.js"></script>
<div id="container-2eb275699028da5a466582ba91a44bdd"></div>
</div>
<!-- TAGS -->
<nav class="post-nav" aria-label="Yazı gezintisi">
<a href="https://niceblogger.net/blog/yamyamlastirma" class="post-nav__link post-nav__link--prev">
<span class="post-nav__label">← Önceki Yazı</span>
<span class="post-nav__title">Yamyamlaştırma</span>
</a>
<a href="https://niceblogger.net/blog/web-sitesi-donusum-stratejimiz-is-sorularini-nasil-37-artirdi" class="post-nav__link post-nav__link--next">
<span class="post-nav__label">Sonraki Yazı →</span>
<span class="post-nav__title">Web Sitesi Dönüşüm Stratejimiz İş Sorularını Nasıl %37 Artırdı?</span>
</a>
</nav>
<!-- SHARE -->
<div class="post-share">
<span class="post-share__label">Paylaş:</span>
<a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Flocalhost%2Fblog%2F8000-baslik-etiketinin-yeniden-yazilmasiyla-mucadele-bir-ornek-olay-incelemesi&text=8.000+Ba%C5%9Fl%C4%B1k+Etiketinin+Yeniden+Yaz%C4%B1lmas%C4%B1yla+M%C3%BCcadele%3A+Bir+%C3%96rnek+Olay+%C4%B0ncelemesi" class="post-share__btn post-share__btn--twitter" target="_blank" rel="noopener noreferrer" aria-label="Twitter'da paylaş">
<svg width="17" height="17" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.747l7.73-8.835L1.254 2.25H8.08l4.259 5.632zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
</a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Flocalhost%2Fblog%2F8000-baslik-etiketinin-yeniden-yazilmasiyla-mucadele-bir-ornek-olay-incelemesi" class="post-share__btn post-share__btn--linkedin" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn'de paylaş">
<svg width="17" height="17" viewBox="0 0 24 24" fill="currentColor"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
</a>
<button class="post-share__btn post-share__btn--copy" id="js-copy-link" title="Bağlantıyı kopyala" aria-label="Bağlantıyı kopyala">
<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
</button>
</div>
</article>
<!-- SIDEBAR: TOC -->
</div>
</div>
<!-- RELATED POSTS -->
<section class="section section--related">
<div class="container">
<div class="section-header">
<h2 class="section-header__title">İlgili Yazılar</h2>
<span class="section-header__line"></span>
</div>
<div class="related-posts-grid">
<article class="post-card">
<a href="https://niceblogger.net/blog/cssde-son-gelismeler-gap-dekorasyonlari-random-fonksiyonu-ve-secim-kutusu-boyutlandirma" class="post-card__image-wrap post-card__image-wrap--sm">
<img src="https://niceblogger.net/uploads/post_65711_1783508282.webp" alt="CSS'de Son Gelişmeler: Gap Dekorasyonları, random() Fonksiyonu ve Seçim Kutusu Boyutlandırma" class="post-card__image" loading="lazy">
</a>
<div class="post-card__body">
<a href="https://niceblogger.net/category/windows" class="post-card__cat-link" style="color:#0078d4">Windows</a>
<h3 class="post-card__title post-card__title--sm">
<a href="https://niceblogger.net/blog/cssde-son-gelismeler-gap-dekorasyonlari-random-fonksiyonu-ve-secim-kutusu-boyutlandirma">CSS'de Son Gelişmeler: Gap Dekorasyonları, random() Fonksiyonu ve Seçim Kutusu Boyutlandırma</a>
</h3>
<p class="post-card__excerpt post-card__excerpt--sm">CSS Gap Dekorasyonları, random() fonksiyonu deneyleri ve select elemanı boyutlandırma g...</p>
<div class="post-card__meta">
<span class="post-card__meta-item">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
2 dk
</span>
<span class="post-card__meta-item">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
2 </span>
<span class="post-card__meta-item">9 saat önce</span>
</div>
</div>
</article>
<article class="post-card">
<a href="https://niceblogger.net/blog/chromeda-kaydirmayla-tetiklenen-animasyonlar-scroll-triggered-animasyonlar-nasil-calisir" class="post-card__image-wrap post-card__image-wrap--sm">
<img src="https://niceblogger.net/uploads/post_97237_1783508274.webp" alt="Chrome'da Kaydırmayla Tetiklenen Animasyonlar: Scroll-Triggered Animasyonlar Nasıl Çalışır?" class="post-card__image" loading="lazy">
</a>
<div class="post-card__body">
<a href="https://niceblogger.net/category/windows" class="post-card__cat-link" style="color:#0078d4">Windows</a>
<h3 class="post-card__title post-card__title--sm">
<a href="https://niceblogger.net/blog/chromeda-kaydirmayla-tetiklenen-animasyonlar-scroll-triggered-animasyonlar-nasil-calisir">Chrome'da Kaydırmayla Tetiklenen Animasyonlar: Scroll-Triggered Animasyonlar Nasıl Çalışır?</a>
</h3>
<p class="post-card__excerpt post-card__excerpt--sm">Chrome 146 ile kullanıma sunulan scroll-triggered animasyonlar, kaydırma eşiği aşıld...</p>
<div class="post-card__meta">
<span class="post-card__meta-item">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
2 dk
</span>
<span class="post-card__meta-item">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
1 </span>
<span class="post-card__meta-item">9 saat önce</span>
</div>
</div>
</article>
<article class="post-card">
<a href="https://niceblogger.net/blog/ghostwire-internet-coktugunde-bile-calisan-merkeziyetsiz-iletisim-protokolu" class="post-card__image-wrap post-card__image-wrap--sm">
<img src="https://niceblogger.net/uploads/post_24996_1783503791.webp" alt="GhostWire: İnternet Çöktüğünde Bile Çalışan Merkeziyetsiz İletişim Protokolü" class="post-card__image" loading="lazy">
</a>
<div class="post-card__body">
<a href="https://niceblogger.net/category/windows" class="post-card__cat-link" style="color:#0078d4">Windows</a>
<h3 class="post-card__title post-card__title--sm">
<a href="https://niceblogger.net/blog/ghostwire-internet-coktugunde-bile-calisan-merkeziyetsiz-iletisim-protokolu">GhostWire: İnternet Çöktüğünde Bile Çalışan Merkeziyetsiz İletişim Protokolü</a>
</h3>
<p class="post-card__excerpt post-card__excerpt--sm">GhostWire, internet kesintilerinde bile çalışan, sunucusuz ve sansüre dayanıklı bir ...</p>
<div class="post-card__meta">
<span class="post-card__meta-item">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
2 dk
</span>
<span class="post-card__meta-item">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
1 </span>
<span class="post-card__meta-item">10 saat önce</span>
</div>
</div>
</article>
</div>
</div>
</section>
</div><!-- /.blog-post -->
<script>
(function () {
// TOC active link tracking
var tocLinks = document.querySelectorAll('.toc-widget__nav a');
if (tocLinks.length) {
var headings = [];
tocLinks.forEach(function (link) {
var id = link.getAttribute('href').replace('#', '');
var el = document.getElementById(id);
if (el) headings.push({ el: el, link: link });
});
window.addEventListener('scroll', function () {
var scrollY = window.scrollY + 120;
var current = null;
headings.forEach(function (h) {
if (h.el.getBoundingClientRect().top + window.scrollY <= scrollY) {
current = h;
}
});
tocLinks.forEach(function (l) { l.classList.remove('toc-active'); });
if (current) current.link.classList.add('toc-active');
}, { passive: true });
}
// Copy link button
var copyBtn = document.getElementById('js-copy-link');
if (copyBtn) {
copyBtn.addEventListener('click', function () {
navigator.clipboard.writeText(window.location.href).then(function () {
copyBtn.title = 'Kopyalandı!';
setTimeout(function () { copyBtn.title = 'Bağlantıyı kopyala'; }, 2000);
});
});
}
// Lightbox Logic
var lightbox = document.getElementById('lightbox-modal');
if (lightbox) {
var triggers = document.querySelectorAll('.lightbox-trigger');
var lightboxImg = document.getElementById('lightbox-img');
var closeBtn = document.querySelector('.lightbox-close');
var prevBtn = document.querySelector('.lightbox-prev');
var nextBtn = document.querySelector('.lightbox-next');
var currentIndex = 0;
var images = [];
triggers.forEach(function(trigger, index) {
images.push(trigger.getAttribute('href'));
trigger.addEventListener('click', function(e) {
e.preventDefault();
currentIndex = index;
showImage(currentIndex);
lightbox.classList.add('active');
document.body.style.overflow = 'hidden';
});
});
function showImage(index) {
if (index < 0) index = images.length - 1;
if (index >= images.length) index = 0;
currentIndex = index;
lightboxImg.src = images[currentIndex];
}
closeBtn.addEventListener('click', function() {
lightbox.classList.remove('active');
document.body.style.overflow = '';
});
lightbox.addEventListener('click', function(e) {
if (e.target === lightbox) {
lightbox.classList.remove('active');
document.body.style.overflow = '';
}
});
prevBtn.addEventListener('click', function() { showImage(currentIndex - 1); });
nextBtn.addEventListener('click', function() { showImage(currentIndex + 1); });
document.addEventListener('keydown', function(e) {
if (!lightbox.classList.contains('active')) return;
if (e.key === 'Escape') closeBtn.click();
if (e.key === 'ArrowLeft') prevBtn.click();
if (e.key === 'ArrowRight') nextBtn.click();
});
}
})();
</script>
<!-- Lightbox HTML -->
<div id="lightbox-modal" class="lightbox">
<button class="lightbox-close">×</button>
<button class="lightbox-prev">❮</button>
<img id="lightbox-img" src="" alt="Gallery Image">
<button class="lightbox-next">❯</button>
</div>
</main>
<!-- Footer -->
<footer class="site-footer">
<div class="footer-top container">
<div class="footer-brand">
<a href="https://niceblogger.net/" class="footer-logo">
<img src="https://niceblogger.net/assets/images/logo.png" alt="NiceBlogger Logo" style="width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; object-fit: cover;">
<span class="brand-name">L7WAF</span>
</a>
<p class="footer-tagline">En İyi Blog Deneyimi</p>
<div class="footer-social">
<a href="https://twitter.com/devpulse" target="_blank" rel="noopener" aria-label="Twitter" class="social-link">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
</a>
<a href="https://github.com/devpulse" target="_blank" rel="noopener" aria-label="GitHub" class="social-link">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2z"/></svg>
</a>
<a href="https://linkedin.com/company/devpulse" target="_blank" rel="noopener" aria-label="LinkedIn" class="social-link">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg>
</a>
</div>
</div>
<div class="footer-links">
<div class="footer-col">
<h4 class="footer-col-title">Kategoriler</h4>
<ul class="footer-nav">
<li><a href="https://niceblogger.net/category/dunya-geneli" class="footer-link">Dünya Geneli</a></li>
<li><a href="https://niceblogger.net/category/windows" class="footer-link">Windows</a></li>
<li><a href="https://niceblogger.net/category/linux" class="footer-link">Linux</a></li>
<li><a href="https://niceblogger.net/category/siber-guvenlik" class="footer-link">Siber Güvenlik</a></li>
<li><a href="https://niceblogger.net/category/yazilim" class="footer-link">Yazılım</a></li>
</ul>
</div>
<div class="footer-col">
<h4 class="footer-col-title">Sayfalar</h4>
<ul class="footer-nav">
<li><a href="https://niceblogger.net/" class="footer-link">Ana Sayfa</a></li>
<li><a href="https://niceblogger.net/about.php" class="footer-link">Hakkında</a></li>
<li><a href="https://niceblogger.net/contact.php" class="footer-link">İletişim</a></li>
<li><a href="https://niceblogger.net/search.php" class="footer-link">Arama</a></li>
</ul>
</div>
<div class="footer-col footer-col-tags">
<h4 class="footer-col-title">Popüler Etiketler</h4>
<div class="footer-tags">
<a href="https://niceblogger.net/tag/docker" class="tag-badge">Docker</a>
<a href="https://niceblogger.net/tag/linux" class="tag-badge">linux</a>
<a href="https://niceblogger.net/tag/hacker" class="tag-badge">hacker</a>
<a href="https://niceblogger.net/tag/teknoloji" class="tag-badge">teknoloji</a>
<a href="https://niceblogger.net/tag/devops" class="tag-badge">devops</a>
<a href="https://niceblogger.net/tag/malware" class="tag-badge">malware</a>
<a href="https://niceblogger.net/tag/yatirim" class="tag-badge">yatırım</a>
<a href="https://niceblogger.net/tag/agile" class="tag-badge">agile</a>
<a href="https://niceblogger.net/tag/bilim" class="tag-badge">bilim</a>
<a href="https://niceblogger.net/tag/ag-guvenligi" class="tag-badge">ağ güvenliği</a>
<a href="https://niceblogger.net/tag/scrum" class="tag-badge">scrum</a>
<a href="https://niceblogger.net/tag/donanim" class="tag-badge">donanım</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom container">
<p class="footer-copy">© 2026 NiceBlogger. Tüm hakları saklıdır.</p>
</div>
</footer>
<!-- Prism.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-php.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-css.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-yaml.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-docker.min.js"></script>
<!-- Main JS -->
<script src="https://niceblogger.net/assets/js/theme.js?v=1783510195"></script>
<script src="https://niceblogger.net/assets/js/main.js?v=1783510195"></script>
<script>window.POST_ID = 124;</script>
<!-- Social Bar Ad -->
<script type='text/javascript' src='https://pl30155736.effectivecpmnetwork.com/44/9d/fa/449dfa9e9a6ad9a8c3665ec909ff5b99.js'></script>
<!-- Popunder Ad -->
<script>
document.addEventListener("click", function popunderHandler(e) {
var lastAdTime = localStorage.getItem('lastPopunderTime');
var now = new Date().getTime();
var waitTime = 5 * 60 * 1000; // 5 dakika (milisaniye cinsinden)
if (!lastAdTime || (now - lastAdTime) > waitTime) {
// Birden fazla sekme açılmasını önlemek için tıklanır tıklanmaz zamanı kaydediyoruz
localStorage.setItem('lastPopunderTime', now);
var adUrl = "https://www.effectivecpmnetwork.com/gbmm689w?key=0833cfd8fbc3a81cf900202e9508f837";
window.open(adUrl, "_blank");
window.focus();
}
});
</script>
</body>
</html>