Ana Karargâh Neler Yapıyoruz?
Hikayemizin Perde Arkası Beyin Kıvılcımları Bağlantıya Geçin

Google Search Console'u Kullanarak Web Sitesi Trafiğini Analiz Etme

Google Search Console, web sitenizin arama performansını anlamanız ve optimize etmeniz için güçlü bir araçtır. İşte Google Search Console'u kullanarak web sitesi trafiğinizi nasıl analiz edebileceğinize dair kapsamlı bir rehber:

1. Genel Performans Analizi

Search Console'un "Performans" raporunu kullanarak sitenizin genel arama performansını analiz edin.

Örnek: Performans Raporu Görselleştirici


<!-- HTML -->
<div id="performanceVisualization">
  <h3>Performans Raporu Görselleştirici</h3>
  <canvas id="performanceChart" width="400" height="200"></canvas>
  <div id="metrics"></div>
</div>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
// Bu örnek için hayali veriler kullanıyoruz
const performanceData = {
  clicks: [100, 120, 110, 130, 150],
  impressions: [1000, 1200, 1100, 1300, 1500],
  ctr: [10, 10, 10, 10, 10],
  position: [15, 14, 13, 12, 11]
};

const ctx = document.getElementById('performanceChart').getContext('2d');
new Chart(ctx, {
  type: 'line',
  data: {
    labels: ['1 Gün Önce', '2 Gün Önce', '3 Gün Önce', '4 Gün Önce', '5 Gün Önce'],
    datasets: [{
      label: 'Tıklamalar',
      data: performanceData.clicks,
      borderColor: 'rgb(75, 192, 192)',
      tension: 0.1
    }, {
      label: 'Görüntülemeler',
      data: performanceData.impressions,
      borderColor: 'rgb(255, 99, 132)',
      tension: 0.1
    }]
  },
  options: {
    responsive: true,
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
});

// Metrikleri göster
const metricsDiv = document.getElementById('metrics');
metricsDiv.innerHTML = `
  <p>Ortalama CTR: ${performanceData.ctr[performanceData.ctr.length - 1]}%</p>
  <p>Ortalama Pozisyon: ${performanceData.position[performanceData.position.length - 1]}</p>
`;
</script>

2. En İyi Performans Gösteren Sayfalar

Hangi sayfalarınızın en iyi performansı gösterdiğini analiz edin.

Örnek: En İyi Sayfalar Tablosu


<!-- HTML -->
<div id="topPagesTable">
  <h3>En İyi Performans Gösteren Sayfalar</h3>
  <table id="pagesTable">
    <thead>
      <tr>
        <th>Sayfa</th>
        <th>Tıklamalar</th>
        <th>Görüntülemeler</th>
        <th>CTR</th>
      </tr>
    </thead>
    <tbody>
      <!-- JavaScript ile doldurulacak -->
    </tbody>
  </table>
</div>

<script>
// Örnek veri
const topPages = [
  { page: '/home', clicks: 500, impressions: 10000, ctr: 5 },
  { page: '/about', clicks: 300, impressions: 5000, ctr: 6 },
  { page: '/products', clicks: 400, impressions: 7000, ctr: 5.7 },
  { page: '/contact', clicks: 200, impressions: 3000, ctr: 6.7 },
  { page: '/blog', clicks: 350, impressions: 6000, ctr: 5.8 }
];

const tableBody = document.querySelector('#pagesTable tbody');
topPages.forEach(page => {
  const row = `
    <tr>
      <td>${page.page}</td>
      <td>${page.clicks}</td>
      <td>${page.impressions}</td>
      <td>${page.ctr.toFixed(2)}%</td>
    </tr>
  `;
  tableBody.innerHTML += row;
});
</script>

<style>
#pagesTable {
  width: 100%;
  border-collapse: collapse;
}
#pagesTable th, #pagesTable td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
#pagesTable th {
  background-color: #f2f2f2;
}
</style>

3. Anahtar Kelime Analizi

Sitenizin hangi anahtar kelimeler için sıralamaya girdiğini ve performans gösterdiğini analiz edin.

Örnek: Anahtar Kelime Performans Analizi


<!-- HTML -->
<div id="keywordAnalysis">
  <h3>Anahtar Kelime Performans Analizi</h3>
  <input type="text" id="keywordInput" placeholder="Anahtar kelime girin">
  <button onclick="analyzeKeyword()">Analiz Et</button>
  <div id="keywordResults"></div>
</div>

<script>
// Örnek veri ve analiz fonksiyonu
const keywordData = {
  'seo': { clicks: 200, impressions: 5000, position: 3.5 },
  'web tasarım': { clicks: 150, impressions: 3000, position: 4.2 },
  'dijital pazarlama': { clicks: 180, impressions: 4000, position: 3.8 }
};

function analyzeKeyword() {
  const keyword = document.getElementById('keywordInput').value.toLowerCase();
  const results = document.getElementById('keywordResults');
  
  if (keywordData[keyword]) {
    const data = keywordData[keyword];
    results.innerHTML = `
      <h4>Performans Metrikleri: "${keyword}"</h4>
      <p>Tıklamalar: ${data.clicks}</p>
      <p>Görüntülemeler: ${data.impressions}</p>
      <p>CTR: ${(data.clicks / data.impressions * 100).toFixed(2)}%</p>
      <p>Ortalama Pozisyon: ${data.position}</p>
    `;
  } else {
    results.innerHTML = '<p>Bu anahtar kelime için veri bulunamadı.</p>';
  }
}
</script>

4. Mobil Performans Analizi

Mobil cihazlarda sitenizin performansını analiz edin ve iyileştirme fırsatlarını belirleyin.

Örnek: Mobil vs Masaüstü Performans Karşılaştırması


<!-- HTML -->
<div id="mobileVsDesktop">
  <h3>Mobil vs Masaüstü Performans Karşılaştırması</h3>
  <canvas id="deviceComparisonChart" width="400" height="200"></canvas>
</div>

<script>
// Örnek veri
const deviceData = {
  mobile: { clicks: 300, impressions: 8000 },
  desktop: { clicks: 500, impressions: 10000 }
};

const ctx = document.getElementById('deviceComparisonChart').getContext('2d');
new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['Tıklamalar', 'Görüntülemeler'],
    datasets: [
      {
        label: 'Mobil',
        data: [deviceData.mobile.clicks, deviceData.mobile.impressions],
        backgroundColor: 'rgba(75, 192, 192, 0.6)'
      },
      {
        label: 'Masaüstü',
        data: [deviceData.desktop.clicks, deviceData.desktop.impressions],
        backgroundColor: 'rgba(255, 99, 132, 0.6)'
      }
    ]
  },
  options: {
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
});
</script>

5. Hata ve Sorun Analizi

Search Console'un "Kapsam" ve "Geliştirme" raporlarını kullanarak site hatalarını ve sorunları tespit edin.

Örnek: Hata Raporu Görselleştirici


<!-- HTML -->
<div id="errorReport">
  <h3>Hata Raporu</h3>
  <canvas id="errorChart" width="400" height="200"></canvas>
  <div id="errorList"></div>
</div>

<script>
// Örnek hata verileri
const errorData = {
  '404 Not Found': 15,
  '500 Server Error': 5,
  '301 Redirect': 8,
  'Soft 404': 3
};

// Pasta grafiği oluştur
const ctx = document.getElementById('errorChart').getContext('2d');
new Chart(ctx, {
  type: 'pie',
  data: {
    labels: Object.keys(errorData),
    datasets: [{
      data: Object.values(errorData),
      backgroundColor: [
        'rgba(255, 99, 132, 0.6)',
        'rgba(54, 162, 235, 0.6)',
        'rgba(255, 206, 86, 0.6)',
        'rgba(75, 192, 192, 0.6)'
      ]
    }]
  }
});

// Hata listesini oluştur
const errorList = document.getElementById('errorList');
for (let [error, count] of Object.entries(errorData)) {
  errorList.innerHTML += `<p>${error}: ${count} sayfa</p>`;
}
</script>

Sonuç

Google Search Console'u kullanarak web sitesi trafiğinizi analiz etmek, SEO stratejinizi geliştirmeniz ve sitenizin performansını artırmanız için kritik öneme sahiptir. Bu analiz süreci size şu konularda yardımcı olur:

  • Hangi sayfaların ve anahtar kelimelerin en iyi performansı gösterdiğini anlama
  • Sitenizin mobil ve masaüstü performansını karşılaştırma
  • Teknik SEO sorunlarını ve hataları tespit etme
  • İçerik stratejinizi geliştirme ve optimize etme
  • Kullanıcı deneyimini iyileştirme fırsatlarını belirleme

Bu analizleri düzenli olarak yaparak ve elde ettiğiniz içgörülere dayanarak aksiyon alarak, web sitenizin arama motorlarındaki görünürlüğünü ve genel performansını sürekli olarak iyileştirebilirsiniz. Unutmayın ki SEO dinamik bir süreçtir ve sürekli izleme ve optimizasyon gerektirir.