Vaka Analizleri – Triple Works

Kelime Yamyamlığı (Cannibalization) Krizinin İçerik Konsolidasyonu ile Çözümü

Sektör Kurumsal Hizmet / Sağlık Altyapı WordPress Özel Tema Temel Sorun Kelime Yamyamlığı (Cannibalization) Uygulanan Çözüm İçerik Budaması, Pillar Page İnşası, 301 Mimarisi Yıllar boyunca organik trafik umuduyla üretilen birbirinin kopyası yüzlerce blog yazısı, sitenin SEO otoritesini içeriden çürüten bir…

Vaka Analizi: B2B E-Ticaret Sitelerinde Ağırlaşan WooCommerce Altyapısını Kurtarma

Sektör B2B Tedarik / Toptan Altyapı WooCommerce + Nginx + MariaDB Temel Sorun Yüksek TTFB ve Terk Edilen Sepetler Uygulanan Çözüm Cloudflare Zaraz, Redis, FastCGI Cache Kurumsal toptan satış operasyonları yürüten B2B şirketlerinin en büyük handikabı, karmaşık iskontoların ve ağır…

Vaka Analizi: E-Ticarette Zayıf İçerik (Thin Content) Krizinin Yapay Zeka İle Çözümü

Sektör Perakende / E-Ticaret Altyapı WooCommerce Temel Sorun Thin Content (Zayıf İçerik) & İndeks Problemi Uygulanan Çözüm API Geliştirme, Prompt Mühendisliği, Semantik SEO Tedarikçilerden gelen hazır XML verileriyle binlerce ürün yükleyen bir e-ticaret markasının en büyük kabusu: Kopya ve Zayıf…

Kadıköy Oto Servis SEO Başarı Hikayesi: %5300 Trafik Artışı

İstanbul Kadıköy’de hizmet veren bir oto tamir servisinin web sitesi arama motorlarında bulunamıyordu. Triple Works olarak projeyi devraldık. Dışarıdan hiçbir backlink (bağlantı) satın almadan, sadece web sitesinin içindeki teknik hataları düzelterek 3 ayda %5300 oranında organik büyüme sağladık. Zaman Dilimi…

/* ============================================== FOOTER ANA STİLLERİ ============================================== */ .bz-footer { position: relative; background-color: #000000; color: #ffffff; padding: 80px 40px 40px 40px; border-radius: 0; width: 100%; box-sizing: border-box; overflow: hidden; z-index: 1; font-family: inherit; } .bz-footer * { box-sizing: border-box; } /* Wow Efekti: Soldan Sağa Metin Dolumu */ .hover-wipe { background: linear-gradient(to right, #ffffff 50%, #4a4a4a 50%); background-size: 200% 100%; background-position: 100% 0; color: transparent; -webkit-background-clip: text; background-clip: text; transition: background-position 0.6s cubic-bezier(0.19, 1, 0.22, 1); cursor: default; display: inline-flex; align-items: center; white-space: nowrap; } .hover-wipe:hover { background-position: 0 0; } /* Tipografi */ .bz-huge-title { font-size: clamp(2.5rem, 12vw, 8rem); /* Ş ve İ gibi harflerin kesilmemesi için güvenli alan ayarları */ line-height: 1.15; padding-top: 0.15em; padding-bottom: 0.2em; margin-top: -0.15em; margin-bottom: -0.2em; letter-spacing: 2px; text-align: center; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; width: 100%; } .bz-title { font-size: clamp(2rem, 10vw, 5.5rem); /* Ş, J ve İ gibi harflerin kesilmemesi için güvenli alan ayarları */ line-height: 1.15; padding-top: 0.15em; padding-bottom: 0.2em; margin-top: -0.15em; letter-spacing: 2px; margin-bottom: 15px; font-weight: bold; display: inline-flex; align-items: center; white-space: nowrap; } /* Kırmızı/Beyaz Altıgen Obje */ .bz-hex { display: inline-block; width: 0.25em; height: 0.25em; background-color: #FFFFFF; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); margin-left: 15px; flex-shrink: 0; transition: transform 0.4s ease; } .hover-wipe:hover .bz-hex { transform: rotate(90deg) scale(1.1); } /* Flex & Divider */ .bz-top { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .bz-divider, .bz-divider-short { position: relative; height: 1px; background: rgba(255, 255, 255, 0.15); width: 100%; } .bz-divider { margin: 40px 0; } .bz-divider-short { margin: 30px 0; } .bz-divider::before, .bz-divider::after, .bz-divider-short::before, .bz-divider-short::after { content: ''; position: absolute; top: -3px; width: 5px; height: 5px; border: 1px solid rgba(255, 255, 255, 0.3); background: #000; transform: rotate(45deg); transition: border-color 0.4s ease; } .bz-divider::before, .bz-divider-short::before { left: 0; } .bz-divider::after, .bz-divider-short::after { right: 0; } .bz-footer:hover .bz-divider::before, .bz-footer:hover .bz-divider::after { border-color: rgba(255, 255, 255, 0.8); } /* Grid Düzeni */ .bz-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; align-items: start; } /* Orta Sütun (Hizmetler) */ .bz-menu { list-style: none; padding: 0; margin: 0; } .bz-menu li { margin-bottom: 12px; overflow: hidden; } .bz-menu a { position: relative; color: rgba(255, 255, 255, 0.6); text-decoration: none; font-size: 14px; letter-spacing: 0.5px; transition: color 0.3s ease, transform 0.3s ease; display: inline-block; } .bz-menu a:hover { color: #FFFFFF; transform: translateX(10px); } .bz-menu a::before { content: '→'; position: absolute; left: -20px; opacity: 0; transition: opacity 0.3s ease, left 0.3s ease; } .bz-menu a:hover::before { opacity: 1; left: -15px; } /* Sağ Sütun */ .bz-col-right { display: flex; flex-direction: column; height: 100%; } .bz-right-align { text-align: left; } /* Manyetik Buton */ .bz-magnetic-area { display: inline-block; padding: 60px; margin: -60px; margin-top: 20px; align-self: flex-start; } .bz-magnetic-btn { position: relative; display: flex; width: 160px; height: 160px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); justify-content: center; align-items: center; text-decoration: none; color: #ffffff; transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.3s ease; overflow: hidden; background: transparent; } .bz-magnetic-btn:hover { border-color: #ffffff; } .bz-btn-label { font-size: 16px; font-weight: 600; line-height: 1.3; letter-spacing: 2px; text-align: center; z-index: 5; transition: color 0.4s ease; } .bz-btn-fill { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: #ffffff; transition: top 0.5s cubic-bezier(0.76, 0, 0.24, 1); z-index: 1; } .bz-magnetic-btn:hover .bz-btn-fill { top: 0; } .bz-magnetic-btn:hover .bz-btn-label { color: #000000; } /* ============================================== SPOTLIGHT ŞOV ALANI (MASAÜSTÜ İÇİN FARE TAKİBİ) ============================================== */ .tw-pure-spotlight { position: relative; width: 100%; min-height: 200px; display: flex; justify-content: center; align-items: center; margin-top: 60px; margin-bottom: 20px; border: none; user-select: none; -webkit-user-select: none; pointer-events: none; --mouse-x: 50%; --mouse-y: 50%; } .tw-giant-bg { font-size: 11vw; font-weight: 900; line-height: 1.15; /* Güvence altına alındı */ padding-top: 0.1em; padding-bottom: 0.1em; margin-top: -0.1em; margin-bottom: -0.1em; text-align: center; white-space: nowrap; letter-spacing: -0.02em; color: transparent; background-image: radial-gradient( circle 40vw at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.05) 40%, transparent 70% ); -webkit-background-clip: text; background-clip: text; } /* ============================================== ALT BAR (Copyright & Socials) ============================================== */ .bz-bottom-bar { padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; width: 100%; } .bz-copyright { font-size: 13px; color: rgba(255, 255, 255, 0.5); letter-spacing: 1px; } .bz-social-links { list-style: none; padding: 0; margin: 0; display: flex; gap: 25px; flex-wrap: wrap; } .bz-social-links a { color: rgba(255, 255, 255, 0.6); text-decoration: none; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; transition: color 0.3s ease, transform 0.3s ease; display: inline-block; } .bz-social-links a:hover { color: #ffffff; transform: translateY(-2px); } /* Scroll Reveal (Görünüm Animasyonları) */ .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } .reveal.active { opacity: 1; transform: translateY(0); } .delay-1 { transition-delay: 0.1s; } .delay-2 { transition-delay: 0.2s; } .delay-3 { transition-delay: 0.3s; } /* ============================================== MOBİL UYUMLULUK VE MOBİL IŞIK ANİMASYONU ============================================== */ @keyframes mobileSpotlight { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } @media (max-width: 992px) { .bz-footer { padding: 60px 20px 40px 20px; } .bz-grid { grid-template-columns: 1fr; gap: 50px; } .hover-wipe { white-space: normal; text-align: center; } .bz-huge-title, .bz-title { flex-wrap: wrap; } .bz-right-align { text-align: center; } .bz-magnetic-area { align-self: center; padding: 20px; margin: 10px 0 0 0; } .bz-magnetic-btn { width: 140px; height: 140px; } .tw-pure-spotlight { min-height: 120px; margin-top: 40px; } .tw-giant-bg { font-size: 8.5vw; background-image: radial-gradient( circle 50vw at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.05) 40%, transparent 70% ); background-size: 200% 100%; animation: mobileSpotlight 3s ease-in-out infinite alternate; } .bz-bottom-bar { flex-direction: column; justify-content: center; text-align: center; } .bz-social-links { justify-content: center; } } document.addEventListener("DOMContentLoaded", function() { // 1. SCROLL REVEAL EFEKTİ const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('active'); observer.unobserve(entry.target); } }); }, observerOptions); document.querySelectorAll('.reveal').forEach(el => observer.observe(el)); // 2. MANYETİK BUTON EFEKTİ const magneticArea = document.querySelector('.bz-magnetic-area'); const magneticBtn = document.querySelector('.bz-magnetic-btn'); if(magneticArea && magneticBtn) { magneticArea.addEventListener('mousemove', function(e) { const rect = magneticArea.getBoundingClientRect(); const x = e.clientX - rect.left - rect.width / 2; const y = e.clientY - rect.top - rect.height / 2; magneticBtn.style.transform = `translate(${x * 0.35}px, ${y * 0.35}px)`; }); magneticArea.addEventListener('mouseleave', function() { magneticBtn.style.transform = `translate(0px, 0px)`; }); } // 3. SPOTLIGHT (IŞIKLI METİN) EFEKTİ - Sadece Masaüstü İçin const spotlightArea = document.getElementById('tw-pure-spotlight'); if(spotlightArea && window.innerWidth > 992) { document.addEventListener('mousemove', (e) => { const rect = spotlightArea.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; spotlightArea.style.setProperty('--mouse-x', `${x}px`); spotlightArea.style.setProperty('--mouse-y', `${y}px`); }); document.addEventListener('mouseleave', () => { spotlightArea.style.setProperty('--mouse-x', `50%`); spotlightArea.style.setProperty('--mouse-y', `50%`); }); } });