HX etiketleri, arama motorlarının sayfanızdaki içeriklerin hiyerarşik yapısını daha rahat anlayabilmesi için önemlidir. Bir sayfada H2, H3... etiketler birden fazla kullanılabilir, ancak H1 etiketi sadece 1 kere kullanılmalıdır.
<H1> Etiketleri:
Sosyal Medya Paneli
<H2> Etiketleri:
<H3> Etiketleri:
<H4> Etiketleri:
<H5> Etiketleri:
<H6> Etiketleri:
Mümkün olduğunca az sayıda resim kullanılmalı.
Sayfanızdaki resimlerin sayısı çok fazlaysa, sunucuya çok sayıda istek gönderilir ve bu da sayfanın geç açılmasına sebep olur. Bu sebeple resim sayısı mümkün olduğunca az olmalıdır.
Arama motorlarının sayfa içeriğini daha rahat anlayabilmesi için önemli kelimeleri biçim etiketleri (kalın, eğik, altı çizili gibi) kullanarak belirtebilirsiniz.
<strong> Etiketleri:
<b> Etiketleri:
SMM Snap'ı
SMM Panel
Sıkça Sorulan Sorular
<em> Etiketleri:
<i> Etiketleri:
Toplam 3 adet biçim etiketi bulunmaktadır.
css ve javascript kodlar, harici bir sayfadan çağırılmalı.
css veya javascript kodları sayfa içinde kullanıldığında sayfanın boyutu artmaktadır. Bu da performansı olumsuz etkileyecektir.
Style kodları:
JavaScript Kodları:
window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-230710648-1');
window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-SB3HQP3VBX');
var htmlcontent = document.querySelector("HTML"); function colorApp() { let getmode = localStorage.getItem("lightMode") if(getmode == "auto"){ var getauto = window.matchMedia("(prefers-color-scheme: dark)").matches if (getauto == true){ htmlcontent.setAttribute("class", "dark") } else { htmlcontent.setAttribute("class", "light") } } else { if (getmode == "dark") { htmlcontent.setAttribute("class", "dark"); } else { htmlcontent.setAttribute("class", "light"); } } } colorApp()
const items = document.querySelectorAll(".accordion button"); function toggleAccordion() { const itemToggle = this.getAttribute('aria-expanded'); for (i = 0; i < items.length; i++) { items[i].setAttribute('aria-expanded', 'false'); } if (itemToggle == 'false') { this.setAttribute('aria-expanded', 'true'); } } items.forEach(item => item.addEventListener('click', toggleAccordion)); let texts = ["Tüm sosyal medya ağlarını tek panelden kaliteli ve ucuza yönetin.", "Günümüzün en popüler sosyal ağlarında hizmet sağlıyoruz.", "Instagram, Twitter, Facebook, Youtube, TikTok, Spotify ve daha bir çok servisimiz sizleri bekliyor.", "Tüm servislerimiz anlık ve stabildir, 7/24 sipariş verebilirsiniz, kesintisiz hizmetinizdeyiz. Uzman destek ekibimize her zaman ulaşabilirsiniz.", "Tüm sosyal medya platformlarını tek panelden kaliteli ve uygun fiyatlarla hesaplarınızı geliştirin!", "Türkiye'nin en ucuz smm paneli olan SMM Snap platformuna hoşgeldiniz!", "SMM Snap Gururla Sunar!"];let count = 0;let index = 0;let currentText = "";let letter = "";// İlk bağlantıconst link1 = document.createElement("a");link1.classList.add("btn");link1.classList.add("btn-border");link1.href = "/signin";link1.title = "Giriş Yap";const link1Text = document.createTextNode("Giriş Yap");link1.appendChild(link1Text);function loginText() { if (count === texts.length) { // Tüm yazılar yazılmış mı? count = 0; // Başa dön } currentText = texts[count]; letter = currentText.slice(0, ++index); document.getElementById("login-text").textContent = letter; if (letter.length === currentText.length) { // Tüm yazı yazıldı mı? count++; index = 0; } setTimeout(loginText, 200); // Yeni bir harf yazmadan önce bekleme süresi}loginText();var kaydirilacakAlan = document.querySelector('.social-slider');var genislik = kaydirilacakAlan.offsetWitdh;kaydirilacakAlan.style.marginBottom = "-" + genislik + "px";
var darkbtn = document.querySelector(".dark-btn"); var lightbtn = document.querySelector(".light-btn"); var lightdarkbtn = document.querySelector(".auto-btn"); var dizin = window.location.pathname; function change_light() { var app = document.getElementsByTagName("HTML")[0]; localStorage.lightMode = "light"; app.setAttribute("class", "light"); darkbtn.classList.remove("active"); lightbtn.classList.add("active"); lightdarkbtn.classList.remove("active"); } function change_dark() { var app = document.getElementsByTagName("HTML")[0]; localStorage.lightMode = "dark"; app.setAttribute("class", "dark"); darkbtn.classList.add("active"); lightbtn.classList.remove("active"); lightdarkbtn.classList.remove("active"); } function change_auto() { let systemdark = window.matchMedia("(prefers-color-scheme: dark)").matches; var app = document.getElementsByTagName("HTML")[0]; localStorage.lightMode = "auto"; if (systemdark == true) { app.setAttribute("class", "dark"); } else { app.setAttribute("class", "light"); } darkbtn.classList.remove("active"); lightbtn.classList.remove("active"); lightdarkbtn.classList.add("active"); } function selectColor() { let mode = localStorage.getItem('lightMode'); if (mode == "dark") { darkbtn.classList.add("active"); } else if (mode == "light") { lightbtn.classList.add("active"); } else if (mode == "auto") { lightdarkbtn.classList.add("active"); } } selectColor()
Toplam 5 adet dahili style ve javascript kodu bulunmaktadır.
css ve js dosyalarınızın sayısı mümkün olduğunca az olmalıdır.
css ve js dosyaların sayısı normalden fazla olduğu taktirde site performansı düşecektir. Bu sebeple css ve js dosyalarınızdaki kodları tek bir dosyada toplayarak performansı artırabilirsiniz.
Toplam 3 adet css, 4 adet js dosyası bulunmaktadır.
css, js, resim vb. dosyalar başka bir siteden çağırılmamalı.
.css, .js, resim gibi dosyalar başka sunuculardan çekildiğinde kısa süreliğine ping gecikmesi yaşanabilir. Bu sebeple dışarıdan dosya çağrılmaması önerilir.
Toplam 8 adet dışarıdan çağırılan dosya bulunmaktadır.
Sayfanızın W3 valid hataları mümkün olduğunca az olmalı.
Botların sayfanızı sağlıklı tarayabilmesi için html kodlamasının kurallara uygun şekilde yazılması gerekir. Ayrıca W3 standartlarına uyduğunuzda sitenizin farklı tarayıcılarda farklı görünme olasılığı minimum düzeyde olacaktır.