SEO ve Web Analizi İçin Kullandığım 9 Ücretsiz Chrome Uzantısı

SEO ve Web analizi için kullandığım favori Chrome uzantılarını, aralarında herhangi bir sıralama yapmaksızın sizlerle paylaşmak isterim. (Bu arada bazıları Firefox için de kullanılabilir.) Bu uzantıların ücretsiz olmasının yanında, bir web geliştiricisi olarak bana oldukça yardımcı olduklarını söyleyebilirim.

Web Developer Toolbar

En klasiğiyle başlayalım - “Olmazsa olmaz

İlk versiyonunun kullanıma sunulduğu yıl olan 2003’ten beri kullanmaktayım. İncelediğiniz websitesi ile ilgili oldukça kapsamlı ve kullanışlı bir listeyi sizinle paylaşıyor. İlk versiyonuna baktığımda bazı html/css doğrulama listesi, gizli görseller ve hatta pencereyi otomatik olarak yeniden boyutlandırma seçenekleri sunuyor. Ve bu özellikleri, responsive web tasarımı ve semantik yapı henüz popüler olmadan sağlamışlardı. İşte buna vizyon derim!

Web Developer uzantısı ilk başlarda Firefox için kullanıma sunulmuştu, ardından Chrome için de uygun hale geldi. Hatta o zamanlar “Web Developer Araç Çubuğu” olarak bilinirdi, çünkü o zaman uzantı diye bir şey henüz yoktu.

Web Developer Toolbar
Web Developer Toolbar

Bu aracı kullanmamın en önemli sebeplerinden biri, JavaScript ve görselleri pasifleştirip arama motoru botlarının siteyi nasıl gördüğünü anlamamı sağlaması. JavaScript çalışmıyorken websitesi hata mı veriyor? Sayfadaki içerik ve görseller arama motorları için uyumlu mu? Bunlar Google botlarının JavaScripti çalıştırması için de önemsenmesi gereken sorular.

Bunun yanı sıra, bu uzantıyı kullanarak cookieleri kolaylıkla temizleyebiliyor veya oturum bilgilerine göz atabiliyorsunuz. Aslında bu aracı daha çok yukarıda bahsettiğim durumlar için kullanıyordum. Fakat şimdi buna benzer araçların daha kapsamlı ve ücretli olanlarını tercih ediyorum.

“Information” sekmesi size semantik HTML hakkında birçok bilgi veriyor. Bir web geliştiricisi için çoğu zaman hayat kurtarıcı rolü üstlenen “Displaying Line Guides” ve “Rulers” sekmelerinden bahsetmeden geçemeyeceğim. Buraya “Miscellaneous” sekmesinden ulaşabiliyorsunuz. Genel anlamda bu uzantı; Web Geliştiricileri, Web Tasarımcıları, SEO Uzmanları, UX Tasarımcıları, UI Uzmanları gibi listenin uzayıp gittiği birçok alan için harika diyebilirim.

Kısaca, tarayıcınızda kesinlikle olması gereken bir uzantı.

Eğer yoksa, şu an edinmek için mükemmel bir zaman!

META SEO Inspector

Ufak çaplı SEO analizleri yapabilmek ve hızlı bir inceleme için kullandığınız bazı uzantılar vardır. Zaman zaman piyasada bulunan bu SEO uzantılarını test ederim. Bu nedenle, kullandığım diğer uzantılarda daima bazı hatalar bulurum. Bu hatalar kimisinde UX problemi kimisinde yavaşlık olarak karşıma çıkar. Bu tarz hataların ve kötü sonuçların beni Meta SEO Inspector uzantısını kullanmaya teşvik ettiğini söyleyebilirim.

META SEO Inspector
META SEO Inspector

Bu uzantıyı kullanmamın en önemli sebebi hızlı oluşu. Sayfa başlığı ve meta açıklamaları gibi basit şeylere bakarken zaman kaybı yaşamıyorsunuz. Ayrıca hızlıca bir SEO incelemesi yapmak için ihtiyacınız olan temel bilgiyi hızlıca veriyor. Daha kapsamlı SEO analiz ve incelemeleri için SEO Crawler araçları kullanabilirsiniz, ancak kısa ve hızlı çözümler için bu uzantı size birkaç saniyede yardımcı olacaktır.

Bonus Özellik: uzantıdaki “online tools” sekmesi size kolaylık sağlamak adına diğer online SEO araçlarına yönlendiriyor. Ben daha önce kullanmadım ama siz deneyebilirsiniz.

Redirect Path

Teknik SEO incelemelerinin en önemli konularından biri sayfa yönlendirmeleridir. Evet, çoğu zaman tarayıcınızın “sayfa kaynağı görüntüleme” veya “denetleme” kısımlarından bu bilgilere ulaşabilirsiniz. Ancak bu yönlendirme zincirini bir uzantıya tıklayıp hızlıca görmek de mümkün.

Redirect Path
Redirect Path

Ayima’nın “Redirect Path” uzantısı, sayfa yönlendirmelerini bulmak ve tanımlamak adına benim favorim. Başlıca sebepleri; tüm yönlendirmeleri size gösteriyor ve bunu yaparken başlık bilgisi, sunucu bilgisi gibi ekstra bilgiler vermiyor. Kısa ve hızlı incelemeler için bu araç çok başarılı diyebilirim. Ayrıca müşteriler için en çok önerdiğim uzantı olduğunu söyleyebilirim.

Sade bir görüntüleme - Sıfır ekstra bilgi

Google Lighthouse

Google PageSpeed çevrimiçi aracını adres çubuğunuza kopyalamak / yapıştırmak yerine, Google'ın Lighthouse uzantısı size SEO (bir Google ürünü SEO önerisi veriyor, vay be!), performans, erişilebilirlik ve web sitesi için en iyi uygulamalar hakkında hepsi bir arada rapor verebilir.

Google Lighthouse Extension for Chrome
Google Lighthouse Extension for Chrome

Google'ın standartları, web sitesi sahipleri için biraz yüksektir;bu rapordaki konular sizin veya müşterinizin web sitesi için biraz zor olabilir, bu nedenle buradaki konulara web sitesinin genel kullanıcı deneyimini geliştirmek için bir başlangıç noktası olarak bakın. Sonuçta Google kullanıcılarının mutlu olmasını ister ve bu nedenle bazı iyileştirmeler önerir - yalnızca Google’ın önerdikleriyle sıralamanızın doğrudan etkilenmediğini unutmayın. Google’a göre: "Bu kontroller, sayfanızın arama motoru sonuç sıralaması için optimize edilmesini sağlar. Lighthouse'un arama sıralamanızı etkileyebilen ve kontrol etmediği ilave faktörler de vardır.

Kullanışlı bir SEO analizi başlatıcı, fakat kapsamlı değil. Edinmekte fayda var.

User-Agent Switcher for Google Chrome

Google mobil indekslemeye öncelik vermeye başladıktan sonra, mobil siteler daha fazla önem kazanmaya başladı. SEO tekniklerine göre, masaüstü tarayıcınızdaki kullanıcı aracısını değiştirmek çok önemli hale geldi.

Bazı websiteleri hala masaüstü versiyonlarıyla karşılaştırıldığında Google’ın bakış açısına uygun olan farklı mobil arayüzlere sahip. Mobil web sitesinin nasıl çalıştığını ve bir kullanıcının web sitenizin mobil sürümünün deneyimini nasıl yaşadığını anlamak için bazen tarayıcı kullanıcı aracınızı değiştirmeniz gerekir.

User Agent Switcher for Chrome
User Agent Switcher for Chrome

Chrome’da binlerce kullanıcı aracı değiştirme uzantısı var ve inanın bunların birçoğunu test etme fırsatı elde ettim. Sonuç olarak her zaman “User Agent Switcher for Google Chrome” kullanmayı tercih ediyorum. Bu uzantıyı tercih etme sebeplerimin başında hatasız çalışması ve kullanışlı oluşu geliyor.

EditThisCookie

Tarayacınızın gizlilik ile ilgili olan sekmesinden, tarayıcının içerisindeki denetleme aracından veya ilk başta bahsettiğim uzantı ile de çerez ve oturumları kolayca silebilirsiniz. Peki bu uzantıdan neden bahsediyorum?

Çünkü çok kullanışlı. Sadece bir tıkla tüm çerez ve oturumları EditThisCookie uzantısı ile silebiliyorsunuz.

Edit This Cookie
Edit This Cookie

Ayrıca analiz etme amaçlı olarak kontrol etme imkanı bulabileceğiniz; aktif oturumlar ve çerez bilgileri ile ilgili detayları da veriyor. Çerez ve oturumların silinmesi ve temizlenmesi SEO çalışmalarında dikkate alınması gereken önemli bir konudur.

Google Analytics Debugger (Analytics)

Analytics incelemesi yaparken sayfa tıklanmalarının ve oturumların Google sunucularına nasıl ulaştığını görmeniz gerekir. Google’ın Analytics Debugger uzantısı ile perde arkasında neler olduğunu kolayca bulabilirsiniz.

Bu uzantı Chrome Geliştiricisi Denetleyicisi ile birlikte çalışıyor. Hangi sayfanın sunuculara nasıl ulaştığı bilgisini görmek için denetleme panelini açmak gerekiyor.

Bu uzantıyı birçok kullanma şansım oldu. Fakat şu an daha iyi görselleştirme seçenekleri sunan alternatifleri de mevcut. Bununla birlikte etiketleri yönetmek ve etiketlere göz atmak için Google Tag Assistant kullanmalısınız. Analytics verileri bizim için önemli, sadece bir araca güvenerek ilerlemek verimli olmayabilir.

Google Analytics Debugger
Google Analytics Debugger

Önerdiğim uzantıların son olanı:

GTM/GA Debug Extension (Analytics)

Analytics ve etiket yöneticisi uzantıları size etiketlerle ilgili tüm bilgileri en basit ve sade haliyle verir. FAKAT, son zamanlarda çok sevdiğim bir uzantıyı keşfettim: GTM/GA Debug

Bu Google Analytics uzantısını sevmemin temel nedeni, bilgilerin denetleme panelindeki düzenlenme şeklinden kaynaklanıyor. DataLayer'in tüm karmaşıklığı, hit tipleri ve farklı GTM uygulamaları bu uzantı sayesinde giderilir. Eğer gerçekten hit veya DataLayer bilgisine daha derinden inmek istiyorsan, tıklayıp ve daha detaylı bilgi alabilirsiniz.

Analytics danışmanlığı için olmazsa olmaz.

Yazımı bitirmeden önce, bonus önerisi olmayan bir içeriğin içerik sayılmayacağına değinmek isterim:

Bonus: WASP.inspector: Analytics Solution Profiler (Analytics)

WASP.inspector adlı uzantı bir analytics ve etiket profili denetleyicisi aracı gibi görünüyor - ancak dahası da var. Örneğin, tüm web sitesinde gezinirken oturum durumunun ve diğer etiketlerin nasıl çalıştığını görebilirsiniz.

Basit ama gözden kaçan bir özellik; web sitesinde kaç tane 3. taraf izleme kodunun çalıştığını gösterebilmesidir. Bu, SEO için de önemlidir, çünkü birçok izleme kodu, çok sayıda HTTP isteği anlamına gelir ve bu nedenle web sayfasının yüklenmesini yavaşlatır - müşterinize, bu 3. taraf izleme kodlarını kullanmaya devam ettiğinizde web sitesinde kaç etiketin aktif olarak kullanıldığını ve hangi potansiyel riskleri (güvenlik, sayfa hızı, gizlilik) gösterebilirsiniz.

Araçlar ve Uzantılar Başlangıcınız İçin İlk Adım

Dijital pazar geliştikçe, birçok ücretsiz ve ücretli araç bizim için kullanılabilir oldu.

Bu araçlar size proje ve görevlerinizde basitçe yardımcı olabilir. Bunları iş akışlarınızla birlikte kullanabilirsiniz, fakat unutmayın ki bunlar sizi yönlendiren ve ipucu veren başlangıç noktaları, sonuç olarak görülmemeli. Genel inceleme ve analiz işleyişiniz, bu araçların gösterebileceğinden daha fazla düşünme ve içgörü gerektirmelidir.

Atladığım veya unuttuğum bir uzantı var mı? Yorumlarda bunu belirtebilirsiniz, bu sayede daha mükemmel alternatifleri bilme ve test etme şansımız olabilir.

Serdar
09 Oca 2019

Dijital Dünyada Yerinizi Almak için

BİZİMLE İRTİBATA GEÇİN

Müşterilerimizden Biri Siz Olabilirsiniz!


Size Nasıl Yardımcı Olabiliriz?