İçerik Arşivi 12.07.2024

Screaming Frog Nasıl Kullanılır? (Detaylı Rehber)

Arama motoru optimizasyonunda birçok sıralama faktörü bulunmasına rağmen bunlardan en önemlisi şüphesiz ki sitenin mimarisidir. Mimari derken, arama motorları örümceklerinin siteyi ziyaret ettiğinde ne ile karşılaştığı ve siteyi nasıl analiz ederek anladığından bahsediyoruz.

Eğer sitenin arama motorları tarafından nasıl analiz edildiğini anlamak ve onların gözünden site yapısı incelemek isterseniz Scraming Frog kullanabilirsiniz.

Screaming Frog Nedir?

Screaming Frog, arama motoru örümcekleri gibi çalışan ve herhangi bir sitenin taranarak raporlanmasını sağlayan bir SEO aracıdır.

Screaming Frog’u arama motoru örümceklerinden ayıran temel nokta, elde edilen tüm sonuçların SEO kriterlerine uygun olacak şekilde raporlanıyor olmasıdır.

Böylece, sitenizdeki eksikleri profesyonel bir şekilde tespit edebilir ve eksik kaldığınız noktalara kolaylıkla çözüm bulabilirsiniz.

Screaming Frog ile şu işlemlerin tamamını yapabilirsiniz:

  • Kırık iç ve dış linklerin tespit edilmesi
  • Meta etiketi analizleri
  • Site mimarisi analizi
  • Site hızı tespiti (Analytics entegrasyonu ile)
  • Site haritası hataları
  • Yüksek boyutlu görseller
  • 404 hatası veren sayfalar
  • Yönlendirme yapılan sayfalar
  • Noindex ile işaretlenen sayfalar
  • Link hataları
  • Sayfa başlıkları analizi
  • Heading hataları
  • Kanonikleşme problemleri
  • Yetim sayfaların tespiti

Screaming Frog ile yapılabilecek şeylerin elbette sınırı yok. Bunlar sadece en sık kullanılan raporlar diyebiliriz.

Nasıl Kurulur?

Screaming Frog Windows, Mac ve Linux işletim sistemlerinde çalışabilir.

Bunun için öncelikle Screaming Frog resmi sitesinden programı indirmelisiniz. İndirme esnasında işletim sisteminiz otomatik olarak tespit edilerek uygun sürüm indirilir.

Windows

  1. İndirilenler klasörü içerisinde Screaming Frog’un kurulum dosyasını bulun.
  2. Kurulum dosyasına çift tıklayın.
  3. Yes’e tıklayıp kurulum tipinizi seçerek ilerleyin.
  4. Kurulum sonrası kurulum penceresini kapatın.

macOS

  1. Finder ile İndirilenler klasörüne gidin.
  2. Yükleyiciye çift tıklayın.
  3. Karşınıza gelecek ekranda programın ikonunu Applications (Uygulamalar) klasörüne sürükleyin.
  4. Pencereyi kapatın.
  5. Finder’a gidip “ScremingFrogSEOSpider” adını Cihazlar (Devices) listesinde bulun.
  6. Eject (Çıkar) ikonuna tıklayarak kurulumu tamamlayın.

Linux

Linux kurulumu için ister arayüzü isterseniz de komut yöntemini kullabilirsiniz.

Arayüz ile Kurulum (Linux)

  1. .deb paketine çift tıklayın.
  2. Install’a (Yükle) tıklayıp şifrenizi girin.
  3. Kurulum öncesinde ttf-mscorefonts-install lisansını kabul edin.
  4. Kurulum tamamlanıncaya kadar bekleyin.

Komut ile Kurulum (wget - Linux)

1. Aşağıdaki wget komutunu çalıştırın:

wget -c https://download.screamingfrog.co.uk/products/seo-spider/screamingfrogseospider_16.5_all.deb

2. Ardından APT ile kurulumunu yapın:

sudo apt-get install ~/Downloads/screamingfrogseospider_16.5_all.deb

Scraming Frog Arayüzü

Screaming Frog ilk bakışta oldukça karmaşık gelse de gerçekten kolay bir kullanımı vardır. Bunun için programla biraz zaman geçirmeli ve hangi aracın nerede olduğu anlamaya çalışmalısınız.

File

Bu menüde tarama dosyalarını daha sonra kullanmak üzere kaydedebilir ve önceki taramaları bulup yükleyebilirsiniz.

Bulk Export

Bu menü sayesinde tarama sonrası oluşturulan birçok raporu dışarı aktarabilirsiniz:

  • Sunucu yanıt kodları
  • İç linklerin listesi
  • Görseller
  • Çapa metinler

ve daha fazlasını bu alandan bilgisayara kaydedilebilir.

Reports

Yine bu alandan site içi birçok analiz raporunu kaydedebilirsiniz.

Sitemaps

Bu menü sayesinde tarama işlemi yapılan web sitesinin site haritası oluşturularak çıktı dosyası şeklinde alınabilir.

Sekmeler

Internal: Bu sekmede sitenin iç linklerinin durumu ve varsa problemleri gösterilir.

External: Bu sekmede de sitenin dışarıya verdiği harici linklerin raporu sunulur.

Response Codes: Sunucunun hangi sayfada hangi yanıt kodunu döndürdüğü bu pencerede gösterilir.

Page Titles: Sitenin her bir sayfasının başlığı ve varsa problemleri bu raporda sunulur.

Meta Description: Meta açıklamalarının tamamı, varsa meta açıklaması bulunmayan sayfalar, uzun/kısa veya tekrarlanan meta açıklamalarını bu raporda bulabilirsiniz.

Headings (h1, h2): Sayfa içi başlıklar ve varsa problemleri bu raporda gösterilir.

Images: Images sekmesi altında tüm görselleri ve onların özelliklerini görüntüleyebilirsiniz. Bu sayede alt etiketi bulunmayan görselleri, yüksek boyutlu görselleri ya da alt text’i uzun görselleri bu raporda bulabileceksiniz.

Canonicals: Kanonikleşme probleminin önüne geçmek için bu raporu inceleyebilirsiniz.

Kişiye Özel Arayüz Tasarımı

Screaming Frog’un en iyi özelliklerinden birisi de arayüzün tamamen kişiselleştirilebilir olmasıdır. Herhangi bir sekmeyi açıp kapatabilir, sürükleyerek yerini değiştirebilir ya da raporların düzeninizi isteğinize göre ayarlayabilirsiniz.

Bir Site Nasıl Taranır?

Robots.txt ile taranması engellenmeyen her türlü siteyi Screaming Frog aracılığıyla tarayabilir ve inceleyebilirsiniz.

Basit bir site taraması yapmak için şu adımları takip edebilirsiniz:

  1. Mode menüsünden Spider’ın seçili olduğuna emin olun.
  2. Configuration menüsünden Spider’a tıklayın. Bu menüden tarama işleminin nasıl yapılacağını ayarlayabilirsiniz.
  3. Tüm subdomainler’de dahil olacak şekilde kapsamlı bir denetim için “Crawl All Subdomains’i işaretleyebilirsiniz.
  4. Ayrıca görsellerin, CSS ve JS dosyalarının taranmasını istemiyorsanız önündeki checkbox’ı deaktif hale getirebilirsiniz.
  5. Yine Configuration menüsünden Speed’e girin. Burada tarama hızını seçeceğiz. Max URL/s değerini 1 saniyenin altında tutmak hem karşıdaki sunucuyu yormayacak hem de bazı durumlarda daha doğru sonuç almanızı sağlayacaktır.
  6. Tüm ayarları yaptıkran sonra ana penceredeki “Enter URL to spider” alanına hedef web sitesinin linkini yazarak Start butonuna basın.
  7. Sitenin büyüklüğüne ve bilgisayarınızın işlem kapasitesitesine göre tarama işlemi hızla tamamlanacaktır. Tarama bittikten sonra SEO denetimine başlayabilirsiniz.

SEO Problemlerinin Tespiti

Tarama işlemi bittikten sonrascr kolay arayüz sayesinde birçok problem artık karşımızda. Yapmamız gereken tek şey tüm detaylarıyla bu sorunları analiz etmek ve çözümlemek.

Kırık ve Bozuk Linkler

Site içerisinde verilen linklerden hangisinde hata olduğunu bulmak için Response Codes sekmesine geçiş yapın. Sol üst tarafta bulunan açılır menü filtresinden tüm linklerin sunucu yanıt kodlarına göre listesini bulabilirsiniz:

  • Success (2xx): Başarılı, herhangi bir sorun yok.
  • Redirection (3xx): Yönlendirme var.
  • Client Error (4xx): Bulunamadı, site taraflı bir hata mevcut. Muhtemelen URL yanlış.
  • Server Error (5xx): Sunucu taraflı hata, manuel olarak ilgili link kontrol edilmelidir.

Bulk Export > Response Codes menüsünden bu raporların çıktısı alınabilir.

Sorunlu Sayfa Başlıkları

Page Titles sekmesinde tüm sayfa başlıklarının durum raporu alınabilir. Bunun için ilgili sekmedeki açılır filtre kullanılarak şu özelliklere göre sınıflandırma yapılabilir:

  • Missing: Sayfa başlığı yok.
  • Duplicate: Başka sayfayla aynı başlığa sahip sayfalar.
  • Over 60 Characters: 60 karakterden uzun başlığa sahip sayfalar, Google tarafından kesilebilir.
  • Below 30 Characters: Çok kısa başlığa sahip sayfalar.
  • Over 554 Pixels: Sayfa başlığının piksel olarak uzun olduğu sayfalar.
  • Below 200 Pixels: Sayfa başlığının piksel olarak kısa olduğu sayfalar.
  • Same as H1: Sayfa başlığı ve H1’in aynı olduğu sayfalar.
  • Multiple: Birden fazla ’a sahip sayfalar.</li> <!-- /wp:list-item --></ul> <!-- /wp:list --> <!-- wp:paragraph --> <p>Sayfa başlıkları Google’da arama yapan kullanıcıların siteyle ilk defa iletişime geçtiği yerdir. Bu nedenle, en çok dikkat edilmesi gereken hususlardan birisidir. Konuyla alakalı, sayfa başlığı yazımızı okuyabilirsiniz.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":3} --> <h3 class="wp-block-heading"><strong>Meta Açıklamaları</strong></h3> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Meta descriptions sekmesinde meta açıklamalarıyla ilgili bir rapor bulabilirsiniz. Bu sekme üzerinden, yine sayfa başlıklarından olduğu gibi kısalık, uzunluk, kopya olma durumu ya da hiç meta açıklaması olmayan sayfaların raporunu açılır menüdeki filtre acalığıyla alabilirsiniz.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":3} --> <h3 class="wp-block-heading"><strong>Alt Tag Sorunları</strong></h3> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Görsellerde bulunan alternative text yani alt tag’in SEO’yu geliştirdiği ve arama motorlarının <strong>sayfayı anlamlandırmasına yardımcı olduğu</strong> bilinmektedir.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Eğer bir web sitesinin genelinde alt text problemi olan (uzun olması ya da hiç olmaması gibi) görseller varsa Images sekmesi üzerinden raporda bulunabilir.</p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2 class="wp-block-heading"><strong>Özetle</strong></h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Web sitelerini semantik yönden ve teknik anlamda bu kadar ince detaylarla inceleyen çok az SEO aracı vardır.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Sceaming Frog ile site içi SEO analizini hem çok kapsamlı hem de çok hızlı bir şekilde yapabilirsiniz. Bir uzmanın bile kolay kolay tespit edemeyeceği SEO hatalarını birkaç saniye içerisinde tespit edebilir ve nereye müdahale etmeniz gerektiğini bulabilirsiniz.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Bu tarz bir araç her SEO uzmanı için olmazsa olmaz, site sahipleri içinse bulunmaz nimettir.</p> <!-- /wp:paragraph --> </div> <!-- Author Card --> <div class="mt-12 pt-12 border-t border-line"> <div class="flex flex-col md:flex-row gap-8 items-start"> <div class="w-24 h-24 rounded-3xl bg-paper border border-line flex-shrink-0 flex items-center justify-center overflow-hidden shadow-sm"> <span class="font-display text-3xl text-accent font-bold">MAY</span> </div> <div class="flex-1"> <div class="mb-4"> <h4 class="font-display text-3xl font-bold text-ink mb-1">Mehmet Ali Yassı</h4> <p class="text-[10px] uppercase tracking-[0.2em] text-accent font-extrabold">SEO Uzmanı</p> </div> <div class="text-muted text-[15px] leading-relaxed space-y-4 max-w-3xl"> <p>Mehmet Ali Yassı, dijital pazarlama ve SEO alanlarında uzmanlaşmış bir eğitmen ve danışmandır.</p> <p>Seotrio’nun kurucusu olarak, SEO stratejileri ve dijital pazarlama konularında eğitimler ve danışmanlık hizmetleri sunmaktadır.</p> <p>Kendisinin hazırladığı içerikler, SEO’nun temellerinden ileri düzey tekniklerine kadar geniş bir yelpazeyi kapsamaktadır. Ayrıca, dijital pazarlama bülteni ve blog yazılarıyla sektördeki güncel gelişmeleri takipçileriyle paylaşmaktadır.</p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="py-12 lg:py-16"> <div class="max-w-[1440px] mx-auto px-6 lg:px-12"> <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-5"> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/anahtar-kelime-bulma" class="text-ink hover:text-accent transition-colors"> SEO Anahtar Kelime Bulma Rehberi (2025 Güncel Veriler ve Stratejiler) </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-12-31 09:00:00" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 31.12.2024 </time> <a href="/blog/anahtar-kelime-bulma" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/site-mimarisi" class="text-ink hover:text-accent transition-colors"> Site Mimarisi </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:57:12" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/site-mimarisi" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/htaccess" class="text-ink hover:text-accent transition-colors"> htaccess </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:57:07" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/htaccess" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/yinelenen-icerik" class="text-ink hover:text-accent transition-colors"> Yinelenen (Kopya) İçerik Problemi </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:57:02" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/yinelenen-icerik" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/site-hizi" class="text-ink hover:text-accent transition-colors"> Site Hızı </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:56:56" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/site-hizi" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/tarama-butcesi" class="text-ink hover:text-accent transition-colors"> Tarama Bütçesi </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:56:51" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/tarama-butcesi" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/site-haritasi" class="text-ink hover:text-accent transition-colors"> Site Haritası </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:56:45" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/site-haritasi" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/cache" class="text-ink hover:text-accent transition-colors"> Cache (Önbellek) Nedir ve Nasıl Kullanılır? </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:56:42" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/cache" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/mobil-uyumluluk" class="text-ink hover:text-accent transition-colors"> Mobil Uyumluluk (En Önemli Teknikler) 2024 </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:56:37" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/mobil-uyumluluk" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/schema-org" class="text-ink hover:text-accent transition-colors"> Schema.org (Yapılandırılmış Veri) Nedir ve Nasıl Kullanılır? </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:56:32" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/schema-org" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/icerik-denetimi" class="text-ink hover:text-accent transition-colors"> İçerik Denetimi (Content Audit) Nasıl Yapılır? </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:56:28" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/icerik-denetimi" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> <article class="rounded-3xl border border-line bg-card shadow-soft overflow-hidden flex flex-col"> <div class="p-5 flex-1 flex flex-col"> <span class="block font-display text-3xl leading-tight mb-3"> <a href="/blog/content-gap" class="text-ink hover:text-accent transition-colors"> Content Gap (İçerik Boşluğu) Nedir? (Güncel) </a> </span> <p class="text-sm text-muted mb-6"></p> <div class="mt-auto flex items-center justify-between gap-2"> <time datetime="2024-07-12 13:56:23" class="text-xs uppercase tracking-[0.14em] text-muted leading-none"> 12.07.2024 </time> <a href="/blog/content-gap" class="inline-flex h-9 items-center px-4 rounded-full bg-ink text-white text-sm">İçeriği Aç</a> </div> </div> </article> </div> <div class="mt-8 flex items-center justify-center gap-2"> <span class="h-10 px-4 inline-flex items-center rounded-full bg-ink text-white text-sm">1 / 5</span> <a class="h-10 px-4 inline-flex items-center rounded-full border border-line bg-card" href="/blog/2">Sonraki</a> </div> <p class="text-center text-muted text-lg mt-16 mb-4">Toplam <strong>50</strong> blog yazısı listeleniyor. “Nedir” içerikleri ayrı sayfada: <a class="underline" href="/seo-sozlugu/">SEO Sözlüğü</a>.</p> </div> </section> </main> <footer class="relative bg-ink text-[#E8E3D9] pt-20 pb-10 border-t border-[#3B3833]" role="contentinfo" itemscope itemtype="https://schema.org/WPFooter"> <!-- Background Accents --> <div class="absolute inset-0 pointer-events-none overflow-hidden"> <div class="absolute top-0 right-0 w-[500px] h-[500px] bg-accent/5 rounded-full blur-[100px] -translate-y-1/2 translate-x-1/4"></div> <div class="absolute bottom-0 left-0 w-[600px] h-[600px] bg-white/5 rounded-full blur-[120px] translate-y-1/2 -translate-x-1/4"></div> </div> <div class="max-w-[1440px] mx-auto px-6 lg:px-12 relative z-10"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12 lg:gap-8 mb-16"> <!-- Brand Column --> <div class="lg:col-span-4"> <a href="/" class="inline-block mb-6"> <!-- Text logo, since cropped-seotrio-logo.webp is dark, we use text for dark background footer --> <span class="font-display text-4xl text-white tracking-tight">Seotrio</span> </a> <p class="text-[#BDB6AA] text-sm leading-relaxed mb-8 max-w-sm"> Dijital varlıklarınızı büyütmek, arama motorlarında sürdürülebilir başarı elde etmek ve reklam bütçenizi en verimli şekilde kullanmak için veri odaklı çözümler sunuyoruz. </p> <div class="flex items-center gap-4"> <a href="#" class="w-10 h-10 rounded-full border border-[#3B3833] flex items-center justify-center text-[#BDB6AA] hover:bg-accent hover:border-accent hover:text-white transition-all duration-300"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg> </a> <a href="#" class="w-10 h-10 rounded-full border border-[#3B3833] flex items-center justify-center text-[#BDB6AA] hover:bg-accent hover:border-accent hover:text-white transition-all duration-300"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg> </a> <a href="#" class="w-10 h-10 rounded-full border border-[#3B3833] flex items-center justify-center text-[#BDB6AA] hover:bg-accent hover:border-accent hover:text-white transition-all duration-300"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg> </a> <a href="#" class="w-10 h-10 rounded-full border border-[#3B3833] flex items-center justify-center text-[#BDB6AA] hover:bg-accent hover:border-accent hover:text-white transition-all duration-300"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> </a> </div> </div> <!-- Links Column 1: Hizmetler --> <div class="lg:col-span-3"> <span class="block font-display text-xl font-bold text-white mb-6">Hizmetlerimiz</span> <ul class="space-y-4"> <li><a href="/seo-danismanligi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm flex items-center justify-between group"> SEO Danışmanlığı <svg class="w-4 h-4 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </a></li> <li><a href="/google-ads-danismanligi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm flex items-center justify-between group"> Performans Reklam Danışmanlığı <svg class="w-4 h-4 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </a></li> <li><a href="/donusum-orani-optimizasyonu" class="text-[#BDB6AA] hover:text-white transition-colors text-sm flex items-center justify-between group"> Dönüşüm Oranı Optimizasyonu <svg class="w-4 h-4 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </a></li> <li><a href="#" class="text-[#BDB6AA] hover:text-white transition-colors text-sm flex items-center justify-between group"> SEO Eğitimi <svg class="w-4 h-4 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </a></li> </ul> </div> <!-- Links Column 2: Kurumsal --> <div class="lg:col-span-2"> <span class="block font-display text-xl font-bold text-white mb-6">Keşfedin</span> <ul class="space-y-4"> <li><a href="/seo-sozlugu/" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">SEO Sözlüğü</a></li> <li><a href="/blog/" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Case Study & Blog</a></li> <li><a href="#" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Hakkımızda</a></li> <li><a href="/iletisim" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">İletişim</a></li> </ul> </div> <!-- Info Column --> <div class="lg:col-span-3"> <span class="block font-display text-xl font-bold text-white mb-6">İletişim</span> <ul class="space-y-4"> <li class="flex items-start gap-3 text-sm text-[#BDB6AA]"> <svg class="w-5 h-5 text-accent shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg> <a href="mailto:destek@seotrio.com" class="hover:text-white transition-colors">destek@seotrio.com</a> </li> <li class="flex items-start gap-3 text-sm text-[#BDB6AA]"> <svg class="w-5 h-5 text-accent shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg> <div> <p>+90 (544) 217 93 93</p> <p class="text-xs opacity-70 mt-1">Pzt-Cuma: 09:00 - 18:00</p> </div> </li> <li class="flex items-start gap-3 text-sm text-[#BDB6AA]"> <svg class="w-5 h-5 text-accent shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg> <p>Adana, Türkiye</p> </li> </ul> </div> </div> <!-- Hizmet Sayfaları (Full-Width Single Row/Column) --> <div class="pt-10 mb-10 border-t border-[#3B3833]"> <span class="block font-display text-xl font-bold text-white mb-6">Hizmet Sayfaları</span> <ul class="flex flex-wrap gap-x-6 gap-y-2"> <li><a href="/seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">SEO Ajansı</a></li> <li><a href="/profesyonel-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Profesyonel SEO Ajansı</a></li> <li><a href="/kurumsal-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Kurumsal SEO Ajansı</a></li> <li><a href="/wordpress-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">WordPress SEO Ajansı</a></li> <li><a href="/ikas-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">İkas SEO Ajansı</a></li> <li><a href="/e-ticaret-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">E-Ticaret SEO Ajansı</a></li> <li><a href="/dijital-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Dijital SEO Ajansı</a></li> <li><a href="/lokal-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Lokal SEO Ajansı</a></li> <li><a href="/seo-danismanligi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">SEO Danışmanlığı</a></li> <li><a href="/kurumsal-seo-danismani" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Kurumsal SEO Danışmanı</a></li> <li><a href="/google-seo-danismani" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Google SEO Danışmanı</a></li> <li><a href="/freelance-seo-danismani" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Freelance SEO Danışmanı</a></li> <li><a href="/profesyonel-seo-danismani" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Profesyonel SEO Danışmanı</a></li> <li><a href="/wordpress-seo-danismani" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">WordPress SEO Danışmanı</a></li> <li><a href="/e-ticaret-seo-danismani" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">E-Ticaret SEO Danışmanı</a></li> <li><a href="/youtube-seo" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">YouTube SEO</a></li> <li><a href="/growth-hacking" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Growth Hacking</a></li> <li><a href="/seo-yonetimi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">SEO Yönetimi</a></li> <li><a href="/seo-hizmeti" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">SEO Hizmeti</a></li> <li><a href="/uluslararasi-seo" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Uluslararası SEO</a></li> <li><a href="/geo-generative-engine-optimization" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">GEO (Generative Engine Optimization)</a></li> <li><a href="/doktorlar-icin-seo" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Doktorlar İçin SEO</a></li> <li><a href="/dis-hekimi-seo" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Diş Hekimi SEO</a></li> <li><a href="/avukatlar-icin-seo" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Avukatlar İçin SEO</a></li> <li><a href="/teknik-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Teknik SEO Ajansı</a></li> <li><a href="/white-label-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">White Label SEO Ajansı</a></li> <li><a href="/bing-seo" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Bing SEO</a></li> <li><a href="/yandex-seo" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Yandex SEO</a></li> <li><a href="/off-page-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Off Page SEO Ajansı</a></li> <li><a href="/on-page-seo-ajansi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">On Page SEO Ajansı</a></li> <li><a href="/shopify-seo" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Shopify SEO</a></li> <li><a href="/pagespeed-optimization-hizmeti" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Pagespeed Optimization Hizmeti</a></li> <li><a href="/google-ads-danismanligi" class="text-[#BDB6AA] hover:text-white transition-colors text-sm">Google Ads Danışmanlığı</a></li> </ul> </div> <!-- Copyright Bar --> <div class="pt-8 border-t border-[#3B3833] flex flex-col md:flex-row items-center justify-between gap-4"> <p class="text-xs text-[#BDB6AA]"> © 2026 Seotrio. Tüm Hakları Saklıdır. </p> <div class="flex items-center gap-6"> <a href="/gizlilik-politikasi" class="text-xs text-[#BDB6AA] hover:text-white transition-colors">Gizlilik Politikası</a> <a href="/cerez-politikasi" class="text-xs text-[#BDB6AA] hover:text-white transition-colors">Çerez Politikası</a> </div> </div> </div> </footer> <a href="https://wa.me/905442179393?text=Merhaba%2C%20seotrio.com%20%C3%BCzerinden%20ileti%C5%9Fime%20ge%C3%A7iyorum." target="_blank" rel="noopener" aria-label="WhatsApp ile iletişime geçin" class="fixed z-[60] bottom-6 right-6 flex items-center gap-2 h-14 pl-4 pr-5 rounded-full bg-[#25D366] text-white shadow-[0_10px_40px_rgba(37,211,102,0.45)] hover:scale-105 transition-transform duration-200 group"> <span class="relative flex items-center justify-center w-8 h-8"> <span class="absolute inset-0 rounded-full bg-white/25 animate-ping"></span> <svg class="w-6 h-6 relative" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0 0 20.465 3.488"/> </svg> </span> <span class="hidden sm:inline text-sm font-semibold tracking-tight">WhatsApp</span> </a> </body> </html>