Altın Konu Metin2 Web Paneliniz için SEO Ve Makine Yapılandırması

rootrize · 21 Ağu 2025

Bu konuda Üç yıllık deneyimime ve kapsamlı araştırmalarıma dayanarak, Metin2 açık kaynak ve lisanslı web panellerinde sıklıkla karşılaşılan SEO eksikliklerine ve makine ayarlarına değineceğim.

Özellikle PHP ile geliştirilmiş eski panellerde gördüğüm bu sorunların temelinde, eski ve yetersiz kodlama yaklaşımları yatmaktadır. Bu konu, sunucu sahiplerinin genellikle gözden kaçırdığı teknik detaylara odaklanarak, sitenizi güncel SEO algoritmalarına uyumlu hale getirmek için yol gösterecektir.

Arka uç (back-end) konularına girmeden, doğrudan SEO'yu iyileştirmeye yönelik adımlara odaklanacağız.

Konu başlıklarımız şunlar olacak:

Meta Veriler: Web sitenizin arama motorları tarafından doğru anlaşılması için kritik öneme sahip olan başlık etiketleri ve meta açıklamalar.
Genel Site Yapılandırması: Sitenizin performansı, Erişebilirlik(SEO büyük ölçüde etkiliyor) (Lighthouse) ve güvenliğini etkileyen sunucu ayarları.
Üst Düzey Alan Adları (.tr gibi): Alan adlarının yerel ve uluslararası SEO üzerindeki etkileri.

DİKKAT
BU KONUDAKİ ADIMLAR, GOOGLE'IN GÜNCEL SEO ALGORİTMALARINA YÜKSEK DÜZEYDE UYUM SAĞLAR. AYRICA, YAPAY ZEKA TARAFINDAN ÜRETİLEN İÇERİKLERİN KALİTESİNİN GİDEREK ÖNEM KAZANDIĞI BİR DÖNEMDE, DÜŞÜK HALÜSİNASYON (YANİ DOĞRU VE GÜVENİLİR) İÇERİĞE SAHİP OLMANIZ İÇİN GEREKLİ MAKİNE ALTYAPISINI NASIL OLUŞTURACAĞINIZI DA ELE ALACAĞIZ. BU SAYEDE, SİTENİZ HEM ARAMA MOTORLARINDA HEM DE KULLANICILAR TARAFINDA GÜVENİLİRLİĞİNİ ARTIRARAK RAKİPLERİNİZİN ÖNÜNE GEÇECEKTİR.

UYARI
BU İÇERİK KIDEMLİ GELİŞTİRİCİLER İÇİN UYGUN DEĞİLDİR. PAYLAŞTIĞIM ÖNERİLER, MEVCUT VE LİSANSLI METİN2 PANELLERİ İÇİNDİR. ARKA UÇ (BACK-END) ODAKLI ÖNERİLER İÇERMEZ, ÇÜNKÜ BİR GELİŞTİRİCİ KENDİ PROJESİNDE ZATEN ARKA UÇ İLE DİNAMİK VERİLER GİBİ İSTEKLER OLUŞTURMUŞTUR.
ÖRNEĞİN ARKA UÇ ODAKLI ARAYÜZ (BACK-END DRİVEN Uİ) VEYA KABA TABİRLE HEADLESS CMS.

LİSANS SATIN ALDIĞINIZ TÜRKİYE DE ŞUANDA HİZMET SAĞLAYAN metin2panel ŞUAN Kİ ÜRÜNÜNÜN DURUMU!

GİRİŞ

HEAD ETİKETİ
Panelinizde arka uç odaklı bir meta yapılandırması bulunmamakta! Meta verileriniz yüksek ölçüde eksik ve bunları güncellememiz gerekmekte.

1-Çift viewport meta etiketi: width=device-width, initial-scale=1 ve width=device-width, initial-scale=1, shrink-to-fit=no olmak üzere iki tane viewport meta etiketi bulunuyor. Bunlardan birini kullanmak yeterlidir.

2-Tekrar Eden Open Graph (OG) etiketleri: og:title ve og:description etiketlerinde "ServerMT2" yazıyor. Bu etiketlerin amacı, içeriği sosyal medya platformlarında daha çekici hale getirmektir. Bu nedenle, sayfanın başlığını ve açıklamasını yansıtacak daha detaylı ve bilgilendirici metinler kullanmalısınız.

3-Gereksiz meta etiketleri: meta name="language" ve meta name="copyright" etiketleri modern web standartları için gereksizdir ve genellikle arama motorları tarafından dikkate alınmaz.

4-Origin Trial meta etiketi: <meta http-equiv="origin-trial" ...> etiketi, Google tarafından sunulan deneysel bir özelliktir. Bu özellik aktif olarak test edilmiyorsa sayfandan kaldırabilirsin.

5-http-equiv etiketleri: X-UA-Compatible etiketi, eski Internet Explorer tarayıcıları için gerekliydi. Günümüzde bu tarayıcılar yaygın olarak kullanılmadığı için bu etiket gereksizdir.

6-Canonical URL: Sayfanın orijinal (tercih edilen) URL'ini belirtmek için bir canonical etiket (<link rel="canonical">) eksik. Bu etiket, SEO (Arama Motoru Optimizasyonu) açısından önemlidir, eklemeniz gerekmekte.

7-og:image etiketi: Sosyal medyada paylaşılırken görünecek bir görsel belirlemek için og:image etiketi eksik. Bu, içeriğinin daha fazla dikkat çekmesini sağlar.

8-Favicon çeşitliliği: Sadece bir tane favicon.ico belirtilmiş. Farklı cihazlar (mobil, tablet vb.) ve tarayıcılar için farklı boyutlarda favicon'lar eklemek daha iyi bir kullanıcı deneyimi sunar. Örneğin, PNG formatında 180x180, 192x192 gibi boyutlarda ikonlar ekleyebilirsin.

9-Preload etiketleri: Site hızını ve kullanıcı deneyimini artırmak için, <link rel="preload" as="image" href="/img/logo.webp"> etiketini kullanarak kritik görselleri tarayıcıya önceden indirmesini söyleyebilirsiniz. Bu, özellikle sayfanın alt kısmında veya sonradan yüklenecek olan görsellerin anında görünmesini sağlayarak bekleme süresini ortadan kaldırır.

[CODE lang="html" title="Örnek 1"]<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, viewport-fit=auto">
<title>Dosya Yükle - Ana Sayfa</title>
<meta name="description" content="Hızlı ve güvenli dosya yükleme servisi ile dosyalarınızı kolayca paylaşın. Maksimum 1.5GB boyutunda tüm dosya uzantıları desteklenmektedir.">
<meta name="keywords" content="dosya yükleme, ücretsiz dosya paylaşımı, geçici dosya depolama, dosya upload, belge yükleme">
<meta name="author" content="HızlıDosya">
<meta name="robots" content="index, follow">
<link rel="canonical" href="http://localhost:/">

<link rel="icon" href="/img/favicon.ico" sizes="any">
<link rel="icon" href="/img/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#111">

<link rel="preload" href="../static/fonts/ProximaNova-RegIt-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-head="">
<link rel="preload" href="../static/fonts/ProximaNova-Reg-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-head="">
<link rel="preload" href="../static/fonts/ProximaNova-Bold-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-head="">

<link rel="stylesheet" href="/static/6670e105b3c98f7cf7ec.css">

<script src="/static/ed5acf31e72c26c91d8b.js" defer=""></script>

<meta property="og:title" content="Dosya Yükle - Ana Sayfa">
<meta property="og:description" content="Hızlı ve güvenli dosya yükleme servisi ile dosyalarınızı kolayca paylaşın. Maksimum 1.5GB boyutunda tüm dosya uzantıları desteklenmektedir.">
<meta property="og:url" content="http://localhost:/">
<meta property="og:type" content="website">
<meta property="og:image" content="http://localhost:/img/share-image.jpg">
<meta property="og:image:alt" content="Hızlı Dosya Servisi Logo ve Açıklaması">
<meta property="og:locale" content="tr_TR">
<meta property="og:site_name" content="Hızlı Dosya Servisi">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@hizlidosya_tr">
<meta name="twitter:creator" content="@hizlidosya_tr">
<meta name="twitter:title" content="Dosya Yükle - Ana Sayfa">
<meta name="twitter:description" content="Hızlı ve güvenli dosya yükleme servisi ile dosyalarınızı kolayca paylaşın. Maksimum 1.5GB boyutunda tüm dosya uzantıları desteklenmektedir.">
<meta name="twitter:image" content="http://localhost:/img/share-image.jpg">
</head>[/CODE]

1-Doğru resim formatları: Web sitenizdeki resimleri WebP veya AVIF gibi yeni nesil formatlara dönüştürerek, dosya boyutunu küçültebilir ve kaliteden ödün vermeden yükleme hızını önemli ölçüde artırabilirsiniz. Bu modern formatlar, daha iyi sıkıştırma teknolojileri sayesinde kullanıcıların daha az veri harcamasını sağlar ve sitenizin performans skorlarını yükseltir.

2. CSS ve JS Minifty Kullanımı: CSS ve JavaScript (JS) dosyalarını küçültmek, yani minify etmek, modern web geliştirme süreçlerinin ayrılmaz bir parçasıdır. Bu işlem, sitenizin hızını ve performansını artırarak kullanıcı deneyimini önemli ölçüde iyileştirir. Peki, minify tam olarak nedir ve neden bu kadar önemlidir?

Minify işlemi, bir dosyanın içeriğindeki tüm gereksiz karakterleri (boşluklar, satır sonları, yorumlar) kaldırarak dosya boyutunu küçültme sürecidir. Bu işlemin temel amacı, sunucu ile tarayıcı arasındaki veri transferini azaltmaktır. Bu da özellikle büyük ölçekli projelerde veya mobil ağlar üzerinden erişilen sitelerde büyük bir fark yaratır.
Minify işleminin sağladığı başlıca faydalar şunlardır:

Daha Hızlı Yükleme Süreleri: Küçültülmüş dosyalar daha hızlı indirilir. Bu, sayfanın yüklenme süresini doğrudan etkiler ve kullanıcıların beklemekten sıkılıp siteyi terk etme olasılığını azaltır.
Azalan Bant Genişliği Kullanımı: Daha küçük dosyalar, sunucunuzun ve kullanıcının bant genişliğini daha verimli kullanmasını sağlar. Bu, özellikle yüksek trafikli siteler için maliyet avantajı da sunabilir.
Daha İyi SEO Performansı: Arama motorları, hız ve performans odaklı siteleri daha üst sıralarda gösterebilir. Hızlı bir site, arama motoru optimizasyonu SEO açısından bir avantajdır.

CSS ve JavaScript (JS) dosyalarını küçültmek, yani minify etmek, modern web geliştirme süreçlerinin ayrılmaz bir parçasıdır. Bu işlem, sitenizin hızını ve performansını artırarak kullanıcı deneyimini önemli ölçüde iyileştirir. Peki, minify tam olarak nedir ve neden bu kadar önemlidir?

Webpack ve Derleme Araçları Olmadan Minify İşlemi

Gelişmiş projelerde Webpack, Gulp veya Vite gibi derleme araçları build tools kullanarak minify işlemini otomatikleştirmek standart bir yaklaşımdır. Ancak, küçük ve orta ölçekli projeler için veya bu araçların karmaşıklığına girmeden hızlıca CSS ve JS dosyalarınızı küçültmek isterseniz, çevrimiçi minify araçları oldukça kullanışlıdır.

Bu siteler, kodunuzu arka uç (back-end) sisteminize dokunmadan, sadece kopyala-yapıştır yaparak veya dosya yükleyerek küçültmenize olanak tanır. İşte bu amaçla kullanabileceğiniz popüler çevrimiçi araçlardan bazıları:

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Bu site, kopyalayıp yapıştırdığınız CSS kodunu anında küçülterek size hazır bir çıktı sunar.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
JavaScript dosyalarınız için oldukça etkili bir minify aracıdır. Kodunuzu sıkıştırır ve daha okunaksız hale getirir, böylece dosya boyutu önemli ölçüde azalır.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Hem CSS hem de JS dosyalarını destekleyen bu site, basit ve hızlı bir arayüzle minify işlemini gerçekleştirmenizi sağlar.

3-Alt ve Aria-Label Birlikte Kullanımı: Panelinizde çoğu bloklarda alt ve aria-label etiketleri eksik bunlar yüksek ölçüde Google nin SEO algoritmasına yardımcı olur bunları tanımlamanız gerekmekte eğer ki dinamik olarak yerleştirme bulunan bloklarınız varsa bunlara dokunmamalısınız!
İşte bir kaç örnek:

Header durumunda kullanılan düzenleme panelinizde altbilgi genel sayfa içeriğinde resim ve bağlantı nerede içeriyorsa onu doldurmanız gerekmekte!
[CODE lang="html" title="Logo aria-label ve alt örneği"]<header>
<a href="/" aria-label="Sunucu İsmi veya marka ya da Ana Sayfa">
<img src="logo.svg" alt="Resim neyi anlatıyor örneğin Sunucu İsmi">
</a>
</header>[/CODE]

[CODE lang="html" title="Örnek 1"]<div data-testid="aspect-ratio-container" data-aspect-ratio="1.7777777777777777" class="sc-cf6885cf-0 faINlR">
<div class="innerWrapper">
<img src="/img/news/cover/sunucu-acilisi-ve-etkinlik-bilgileri.avif" alt="Sunucu Açılışı ve Etkinlik Bilgileri" class="sc-73707176-0 cgdnyH sc-141d7e7d-0 cTHzhM sc-d237f54f-0 etyZmg fit-undefined crop-true">
</div>
</div>[/CODE]

Bu bölümde hosting yerine neden vds almalısınız! UNİX komut satırı ile makine yapılandırması, Debian kurulumu, ağ güvenliği, panelin kurulumunu ve .tr (TLD) (ccTLD) üst düzey alan adının algoritmada ki önemine değineceğim!
bu adımlar hem web sitenizin yüksek ölçüde hıza kavuşturacak hemde güvenlik sebebiyle ve SEO uyumluluğu sayesinde Google algoritması sizi saracaktır.

--konuyu güncelleyeceğim, 24 saat içerisinde.