× Bu sayfa, en son 2025-09-27 16:41:20 tarihinde ve toplamda 1 kez sorgulandı. Güncel verileri görüntülemek için butona tıklayınız.
Çok uzun başlık (title) kullanılmamalı.
<title> etiketi 70 karakterden az olmalıdır. Aksi taktirde arama motorları spam olarak algılayabilir.
Başlık (title): Arda İnci - Bilgisayar Mühendisi
Başlık uzunluğu: 32 karakter
Çok uzun açıklama bilgisi (description) kullanılmamalı.
description meta etiketi 160 karakterden az olmalıdır. Aksi taktirde arama motorları spam olarak algılayabilir.
Gereğinden fazla anahtar kelime (keywords) kullanılmamalı.
Anahtar kelime bulunmuyor. Google, anahtar kelimelere bakmadığı için çok önemli değil.
HX etiketi kriterlerine uyulmalı.
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: <H2> Etiketleri: Hakkımda Web Çözümlerim İletişim <H3> Etiketleri: Her proje teknolojiyle hayatı kolaylaştırır E-Ticaret Platformu Otel Tanıtım Sistemi QR Menü Sistemi Dashboard & Analytics Portföy Sitesi Güvenlik Sistemi Bana Ulaşın <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.
Resimler: uklogo.png ardalogo3.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/59ef9198-8249-47ba-a93a-7f000db79844.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/6baed275-0c00-485e-81d8-f32d73c580dd.png projeler/otel/otelornek.png projeler/qrmenu/qrmenuornek.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/314c8617-c4dd-4603-93ed-f7d0e64349d8.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/f0f6152b-0d58-4a4a-addb-b0478c4bb266.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/93e54312-8e54-4424-9127-5539236a5476.png incilogo.png
Tüm resim (img) etiketlerinizde alt bilgisi olmalı.
alt etiketi resimlerin ne ile ilgili olduğunu göstermeye yarar. Görsel aramalarda çıkmak için resim açıklamalarını mutlaka yazmalısınız.
Örnek: <img src="http://example.com/resim.png" width="80" height="80"
alt="örnek resim" />
Tüm resimlerde alt etiketi bulunmaktadır.
Tüm resim (img) etiketlerinizde width ve height bilgisi olmalı.
Görsel aramalar için
width ve
height etiketlerini yazmalısınız.
Örnek: <img src="http://example.com/resim.png"
width="80" height="80" alt="örnek resim" />
Width veya height değeri olmayan resimler: uklogo.png ardalogo3.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/59ef9198-8249-47ba-a93a-7f000db79844.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/6baed275-0c00-485e-81d8-f32d73c580dd.png projeler/otel/otelornek.png projeler/qrmenu/qrmenuornek.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/314c8617-c4dd-4603-93ed-f7d0e64349d8.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/f0f6152b-0d58-4a4a-addb-b0478c4bb266.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/93e54312-8e54-4424-9127-5539236a5476.png incilogo.png Width ve height değeri olmayan 10 adet resim bulunmaktadır.
Sayfanızdaki dış linklerinizin sayısı mümkün olduğunca az olmalı.
Dış linklerin normalden fazla olması arama motorları açısından spam olarak algılanabilir.
Dış linkler: https://babilyonotel.com https://sehriyarrestaurant.com.tr/ İç linkler: #anasayfa #hakkimda #web-cozumlerim #iletisim #web-cozumlerim projeler/eticaret/index.html projeler/dashboard/index.html projeler/portfolio/index.html projeler/guvenlik/index.html tel:+904143144466 mailto:[email protected] # # # # Toplam 2 adet dış link ve 15 adet iç link bulunmaktadır.
Güvenilmeyen sitelere verilen linklerde rel="nofollow" etiketi olmalı.
Sayfanızda nofollow link bulunmamaktadır.
Vurgulamak istenilen kelimelere biçim etiketleri verilmeli.
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: <em> Etiketleri: <i> Etiketleri: Toplam 0 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ı: /* Reset */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Renkler logodan uyarlama */ :root { --dark-bg: #101522; /* Koyu lacivert-siyah */ --blue-primary: #2f6a8e; /* Logodaki mavi ton */ --gray-secondary: #a3a3a3; /* Logoya uyumlu gri */ --text-light: #dfe3e6; --white: #f0f0f0; --button-bg: #2f6a8e; --button-hover-bg: #1f4a65; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--dark-bg); color: var(--white); line-height: 1.5; min-height: 100vh; overflow-x: hidden; scroll-behavior: smooth; } .container { max-width: 1200px; margin: auto; padding: 0 1.5rem; } header { position: fixed; top: 0; width: 100%; background-color: var(--dark-bg); border-bottom: 1px solid var(--blue-primary); z-index: 9999; } nav { display: flex; justify-content: center; /* Ortala */ align-items: center; padding: 1rem 1.5rem; } /* Logo kaldırıldı, nav menü ortada */ .nav-menu { display: flex; gap: 2rem; list-style: none; } .nav-menu a { color: var(--gray-secondary); font-size: 1rem; font-weight: 600; text-decoration: none; padding: 0.5rem 0; border-bottom: 2px solid transparent; transition: color 0.3s ease, border-color 0.3s ease; } .nav-menu a:hover, .nav-menu a:focus { color: var(--blue-primary); border-bottom-color: var(--blue-primary); outline: none; } main { padding-top: 70px; /* Header yüksekliği kadar boşluk */ } /* HERO (Ana Sayfa) */ .hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; background-color: var(--dark-bg); padding: 2rem 1rem; text-align: center; flex-direction: column; } .hero-logo { max-width: 670px; width: 80vw; filter: none; user-select: none; margin-bottom: 1.5rem; } .hero p { font-size: 1.25rem; margin-bottom: 1.5rem; color: var(--gray-secondary); } .cta-button { background-color: var(--button-bg); color: var(--white); padding: 0.75rem 2rem; border-radius: 40px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: background-color 0.3s ease; user-select: none; } .cta-button:hover, .cta-button:focus { background-color: var(--button-hover-bg); outline: none; } /* Hakkımda bölüm */ .section { padding: 5rem 1.5rem; background-color: var(--dark-bg); color: var(--white); } .section:nth-child(even) { background-color: #16203b; /* Hafif koyu ton */ } .section h2 { font-size: clamp(2rem, 4vw, 2.5rem); font-weight: 700; margin-bottom: 3rem; color: var(--blue-primary); text-align: center; } .about-content { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: center; } .about-image img { width: 280px; height: 280px; object-fit: cover; border-radius: 50%; display: block; margin: 0 auto; filter: none; } .about-text h3 { font-size: 1.75rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--blue-primary); } .about-text p { font-size: 1.125rem; color: var(--gray-secondary); line-height: 1.6; margin-bottom: 1.2rem; } /* Projeler */ .projects { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2.5rem; } .project-card { background-color: #1b264f; border-radius: 12px; overflow: hidden; transition: box-shadow 0.3s ease; box-shadow: none; } .project-card:hover, .project-card:focus-within { box-shadow: 0 10px 24px rgba(47, 106, 142, 0.5); } .project-image img { width: 100%; height: 200px; object-fit: cover; display: block; } .project-content { padding: 1.5rem 1.8rem 2rem; color: var(--white); user-select: none; } .project-content h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.75rem; color: var(--blue-primary); } .project-content p { color: var(--gray-secondary); margin-bottom: 1.5rem; font-size: 1rem; } .project-link { display: inline-block; font-weight: 600; font-size: 0.9rem; color: var(--white); background-color: var(--blue-primary); padding: 0.5rem 1.4rem; border-radius: 40px; text-decoration: none; transition: background-color 0.3s ease; user-select: none; } .project-link:hover, .project-link:focus { background-color: var(--button-hover-bg); outline: none; } /* İletişim bölümü */ #iletisim .contact-info { text-align: center; color: var(--white); font-size: 1.2rem; max-width: 400px; margin: 0 auto; } #iletisim .contact-info h3 { font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--blue-primary); } #iletisim .contact-info p { margin-bottom: 1rem; } #iletisim .contact-info a { color: var(--blue-primary); text-decoration: none; font-weight: 600; } #iletisim .contact-info a:hover, #iletisim .contact-info a:focus { text-decoration: underline; } /* Footer */ footer { background-color: #0b1227; color: var(--gray-secondary); text-align: center; padding: 2rem 1.5rem 3rem; font-size: 0.875rem; } .footer-logo { max-width: 120px; margin: 0 auto 1rem; display: block; filter: brightness(0.85); } .social-links { display: flex; justify-content: center; gap: 2rem; margin-bottom: 1rem; } .social-links a { color: var(--gray-secondary); font-size: 1.3rem; text-decoration: none; font-weight: 600; user-select: none; transition: color 0.3s ease; } .social-links a:hover, .social-links a:focus { color: var(--blue-primary); outline: none; } .copyright { color: var(--gray-secondary); } /* Dil değiştirme butonu */ .lang-switcher { position: fixed; top: 1rem; right: 1.5rem; z-index: 10000; cursor: pointer; width: 36px; height: 24px; border-radius: 4px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.3); border: 1px solid var(--blue-primary); background-color: var(--dark-bg); display: flex; align-items: center; justify-content: center; transition: box-shadow 0.3s ease; } .lang-switcher:hover, .lang-switcher:focus { box-shadow: 0 0 10px var(--blue-primary); outline: none; } .lang-switcher img { width: 100%; height: auto; display: block; user-select: none; } /* Responsive */ @media (max-width: 768px) { .nav-menu { gap: 1.25rem; } .about-content { grid-template-columns: 1fr; gap: 3rem; text-align: center; } .project-card { box-shadow: none; } .project-image img { height: 180px; } } @media (max-width: 480px) { header nav { padding: 0.5rem 1rem; } } JavaScript Kodları: // Dil değiştirme butonu işlevi const langSwitcher = document.getElementById('langSwitcher'); const languages = { tr: { flag: 'uklogo.png', alt: 'English', target: 'english.html' }, en: { flag: 'trlogo.png', alt: 'Türkçe', target: 'index.html' } }; function getCurrentLang() { const path = window.location.pathname.toLowerCase(); if (path.includes('english.html')) { return 'en'; } return 'tr'; } function updateLangSwitcher() { const currentLang = getCurrentLang(); langSwitcher.querySelector('img').src = languages[currentLang].flag; langSwitcher.querySelector('img').alt = languages[currentLang].alt; langSwitcher.title = `Switch to ${languages[currentLang].alt}`; langSwitcher.dataset.target = languages[currentLang].target; } langSwitcher.addEventListener('click', () => { const targetPage = langSwitcher.dataset.target; if (targetPage) { window.location.href = targetPage; } }); langSwitcher.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { langSwitcher.click(); } }); updateLangSwitcher(); Toplam 2 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.
css Dosyaları: js Dosyaları: Toplam 0 adet css, 0 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.
Dışarıdan çağırılan dosyalar: https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/59ef9198-8249-47ba-a93a-7f000db79844.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/6baed275-0c00-485e-81d8-f32d73c580dd.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/314c8617-c4dd-4603-93ed-f7d0e64349d8.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/f0f6152b-0d58-4a4a-addb-b0478c4bb266.png https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/93e54312-8e54-4424-9127-5539236a5476.png Toplam 5 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.
Sayfanızdaki html ve/veya css kodlar W3 kritlerlerine uygun değil.
Bir sayfanın birden fazla benzeri varsa, canonical etiketi kullanılmalı.
Sayfanızda canonical etiketi bulunmuyor.
Sayfanız mümkün olduğunca hızlı açılmalı.
Sayfanızın açılış süresi 5 saniyeyi geçmemeli.
Sayfanız 0.125 SN sürede açılıyor.
CSS kodlarda @import olmamalı.
Artık güncelliğini yitirmiş olan @import kullanılmamalı.
Sayfanızda @import etiketi ile çağırılan css dosyası yok.
Mümkün olduğunca html kod boyutu az, metin boyutu fazla olmalı.
Arama motorları, sayfadaki kelimeleri indeksleyeceği için gereksiz kodlamadan kaçınmakta fayda var.
Metin boyutu: 2.2 KBKod boyutu: 17.906 KBMetin kod oranı: %12.2873
