SEO Uyumlu Web Tasarımının İşletmeniz Üzerindeki Etkileri - Freelance Web Tasarım Web Tasarımcı Onur TURKAY

İçindekiler

Giriş
SEO Uyumlu Web Tasarımının Önemi
SEO Uyumlu Web Tasarımı İçin Temel İlkeler
Sonuç

Giriş

Web sitenizin SEO uyumlu olması, işletmeniz için son derece önemlidir. SEO uyumlu web tasarımı sayesinde arama motorlarında üst sıralarda yer alabilir, daha fazla ziyaretçi çekebilir ve dolayısıyla daha fazla potansiyel müşteriye ulaşabilirsiniz.

SEO Uyumlu Web Tasarımının Önemi

SEO uyumlu web tasarımı, arama motorlarının sitenizi daha iyi anlamasını ve indekslemesini sağlar. Bu da sitenizin arama sonuçlarında daha üst sıralarda yer almasını sağlar. Ayrıca, kullanıcı deneyimini artırarak ziyaretçilerin sitenizde daha fazla zaman geçirmesini ve dönüşüm oranlarını artırır.

SEO Uyumlu Web Tasarımı İçin Temel İlkeler

Mobil Uyumlu Tasarım: Web sitenizin mobil cihazlara uyumlu olması, SEO açısından büyük önem taşır.
Hızlı Yükleme Süresi: Web sitenizin hızlı yüklenmesi, hem kullanıcı deneyimini artırır hem de arama motorları tarafından ödüllendirilir.
Anahtar Kelime Kullanımı: Doğru ve doğal şekilde anahtar kelimeleri kullanmak, SEO uyumlu web tasarımının önemli bir parçasıdır.
Temiz URL Yapısı: URL’lerin temiz ve anlaşılır olması, arama motorları tarafından tercih edilir.
Doğru Başlık Etiketleri: Sayfa başlıklarını (), başlık etiketlerini (<br /> <h1>, </p> <h2>, </p> <h3>), meta açıklamalarını doğru şekilde kullanmak önemlidir.</li> </ul> <h2 id="sonuc">Sonuç</h2> <p>SEO uyumlu web tasarımı, işletmenizin online başarısı için kritik bir rol oynamaktadır. Bu nedenle, web sitenizi oluştururken ve güncellerken SEO ilkelerini göz önünde bulundurmanız önemlidir.</p> </div> <footer class="entry-footer"> <span class="cat-links">Posted in <a href="https://www.onurturkay.com.tr/genel/" rel="category tag">Genel</a></span><span class="tags-links">Tagged <a href="https://www.onurturkay.com.tr/tag/etkileri/" rel="tag">etkileri</a>, <a href="https://www.onurturkay.com.tr/tag/isletme/" rel="tag">işletme</a>, <a href="https://www.onurturkay.com.tr/tag/seo/" rel="tag">seo</a>, <a href="https://www.onurturkay.com.tr/tag/uyumlu/" rel="tag">uyumlu</a>, <a href="https://www.onurturkay.com.tr/tag/web-tasarimi/" rel="tag">web tasarımı</a></span> </footer> </article> <nav class="navigation post-navigation" aria-label="Yazılar"> <h2 class="screen-reader-text">Yazı gezinmesi</h2> <div class="nav-links"><div class="nav-previous"><a href="https://www.onurturkay.com.tr/etkili-bir-web-tasarimiyla-kucuk-isletmenizi-googleda-one-cikarin/" rel="prev"><span class="nav-subtitle">Önceki:</span> <span class="nav-title">Etkili Bir Web Tasarımıyla Küçük İşletmenizi Google’da Öne Çıkarın</span></a></div><div class="nav-next"><a href="https://www.onurturkay.com.tr/en-iyi-seo-uygulamalariyla-web-tasariminda-basariyi-yakalayin/" rel="next"><span class="nav-subtitle">Sonraki:</span> <span class="nav-title">En İyi SEO Uygulamalarıyla Web Tasarımında Başarıyı Yakalayın</span></a></div></div> </nav></div> </div> <div class="comp-blog-liste" data-aos="fade-up"> <div class="ust-baslik">İlginizi çekebilecek içerikler</div> <div class="items"> <div class="item col-sm-3"> <div class="itemic"> <div class="imaj"> <a href="https://www.onurturkay.com.tr/kucuk-isletmeler-icin-googleda-one-cikma-yollari/"> <img src="https://www.onurturkay.com.tr/wp-content/uploads/2026/07/pexels-photo-6893890-200x300.jpeg" alt="Küçük İşletmeler İçin Google’da Öne Çıkma Yolları"> <span class="kategori">Genel</span> </a> </div> <div class="text"> <time class="tarih">02.07.2026</time> <a href="https://www.onurturkay.com.tr/kucuk-isletmeler-icin-googleda-one-cikma-yollari/" class="itembaslik"><span>Küçük İşletmeler İçin Google’da Öne Çıkma Yolları</span></a> <div class="itemaciklama"><span>İçindekiler1. Google My Business Kullanın1.1 İşletme Bilgilerinizi Güncel Tutun2. İçerik Pazarlaması Yapın2.1 Anahtar Kelimeleri Doğru...</span></div> <div class="link"><a href="https://www.onurturkay.com.tr/kucuk-isletmeler-icin-googleda-one-cikma-yollari/">İncele</a></div> </div> </div> </div> <div class="item col-sm-3"> <div class="itemic"> <div class="imaj"> <a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasarimiyla-googleda-nasil-one-cikabilirsiniz/"> <img src="https://www.onurturkay.com.tr/wp-content/uploads/2026/07/pexels-photo-273230-300x200.jpeg" alt="Müşteri Odaklı Web Tasarımıyla Google’da Nasıl Öne Çıkabilirsiniz?"> <span class="kategori">Genel</span> </a> </div> <div class="text"> <time class="tarih">29.07.2026</time> <a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasarimiyla-googleda-nasil-one-cikabilirsiniz/" class="itembaslik"><span>Müşteri Odaklı Web Tasarımıyla Google’da Nasıl Öne Çıkabilirsiniz?</span></a> <div class="itemaciklama"><span>İçindekilerMüşteri Odaklı Web Tasarımı Nedir?Müşteri Odaklı Web Tasarımının AvantajlarıGoogle’da Öne Çıkmak İçin Müşteri Odaklı Web...</span></div> <div class="link"><a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasarimiyla-googleda-nasil-one-cikabilirsiniz/">İncele</a></div> </div> </div> </div> <div class="item col-sm-3"> <div class="itemic"> <div class="imaj"> <a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasariminda-onemli-noktalar-ve-ipuclari/"> <img src="https://www.onurturkay.com.tr/wp-content/uploads/2026/07/pexels-photo-4623542-300x199.jpeg" alt="Müşteri Odaklı Web Tasarımında Önemli Noktalar ve İpuçları"> <span class="kategori">Genel</span> </a> </div> <div class="text"> <time class="tarih">23.07.2026</time> <a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasariminda-onemli-noktalar-ve-ipuclari/" class="itembaslik"><span>Müşteri Odaklı Web Tasarımında Önemli Noktalar ve İpuçları</span></a> <div class="itemaciklama"><span>İçindekilerMüşteri Odaklı Web Tasarımı Nedir?Müşteri Odaklı Web Tasarımında Dikkat Edilmesi Gereken Noktalar1. Kullanıcı Deneyimi Optimizasyonu2....</span></div> <div class="link"><a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasariminda-onemli-noktalar-ve-ipuclari/">İncele</a></div> </div> </div> </div> <div class="item col-sm-3"> <div class="itemic"> <div class="imaj"> <a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasarimiyla-googleda-ilk-siralara-nasil-cikarsiniz/"> <img src="https://www.onurturkay.com.tr/wp-content/uploads/2026/07/pexels-photo-6803554-300x200.jpeg" alt="Müşteri Odaklı Web Tasarımıyla Google’da İlk Sıralara Nasıl Çıkarsınız?"> <span class="kategori">Genel</span> </a> </div> <div class="text"> <time class="tarih">03.07.2026</time> <a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasarimiyla-googleda-ilk-siralara-nasil-cikarsiniz/" class="itembaslik"><span>Müşteri Odaklı Web Tasarımıyla Google’da İlk Sıralara Nasıl Çıkarsınız?</span></a> <div class="itemaciklama"><span>İçindekilerMüşteri Odaklı Web Tasarımıyla Google’da İlk Sıralara Çıkmak1. Kullanıcı Deneyimini Ön Planda Tutun2. SEO Uyumlu...</span></div> <div class="link"><a href="https://www.onurturkay.com.tr/musteri-odakli-web-tasarimiyla-googleda-ilk-siralara-nasil-cikarsiniz/">İncele</a></div> </div> </div> </div> </div> </div> <div class="comp-tanisalim fwy "> <div class="tanisalimkaydir"> <span data-durum="tanisalimAc"> Let`s Meet.</span> <span data-durum="tanisalimAc"> Tanışalım.</span> <span data-durum="tanisalimAc"> Vamos nos encontrar.</span> <span data-durum="tanisalimAc"> Lass uns treffen.</span> </div> <div class="tanisalimkaydir"> <span data-durum="tanisalimAc"> Let`s Meet.</span> <span data-durum="tanisalimAc"> Tanışalım.</span> <span data-durum="tanisalimAc"> Vamos nos encontrar.</span> <span data-durum="tanisalimAc"> Lass uns treffen.</span> </div> </div> </div> </div> </section> </main> <footer class="footer" id="footer"> <div class="ust-footer"> <div class="container"> <div class="items"> <div class="sol"> <div class="text"><strong>Bir fikriniz mi var?</strong> Birlikte <span style="font-weight: 700;">mükemmel</span> işler yapalım.</div> </div> <div class="sag"> <a href="#tanisalim" class="link hov-siyah2" >Projenizi Başlatın <i class="far fa-arrow-right"></i></a> </div> </div> <div class="logolar"> <img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i1.svg" width="200px" height="50px" alt=""> <img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i2.svg" width="200px" height="50px" alt=""> <img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i3.svg" width="200px" height="50px" alt=""> <img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i4.svg" width="200px" height="50px" alt=""> </div> </div> </div> <div class="footer2"> <div class="container"> <div class="yukari"><a href="#" aria-label="Yukari" class="link"><i class="far fa-chevron-up"></i><br><i class="far fa-chevron-up"></i><br> <i class="far fa-arrow-up"></i></a></div> <div class="items"> <div class="item sol col-sm-6"><div class="solic"> <div class="whatsapp"> <p class="baslik"> WhatsApp ile iletişime geç.</p> <p class="aciklama">İletişime geçmek için WhatsApp üzerinden<br> bize ulaşabilirsiniz. </p> <div class="form"> <i class="icon fab fa-whatsapp"></i> <form action="https://api.whatsapp.com/send?" method="get"> <input type="text" name="phone" value="905442214161" readonly="" style="display: none;"> <input type="text" name="text" placeholder="Mesajınızı giriniz..."> <button id="whatsappbtngonder" aria-label="Whatsapp" type="submit"><i class="far fa-arrow-right"></i></button> </form> </div> </div>  <div class="turlar"> <div class="liste"> <div class="listeitem"><img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i5.svg" width="129px" height="45px" alt=""></div> <div class="listeitem"><img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i6.svg" width="129px" height="45px" alt=""></div> <div class="listeitem"><img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i7.svg" width="129px" height="45px" alt=""></div> <div class="listeitem"><img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i8.svg" width="129px" height="45px" alt=""></div> <div class="listeitem"><img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i9.svg" width="129px" height="45px" alt=""></div> <div class="listeitem"><img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i10.svg" width="129px" height="45px" alt=""></div> <div class="listeitem"><img class="lazy" data-src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/imaj/i11.svg" width="129px" height="45px" alt=""></div> </div> </div>  </div> </div> <div class="item col-sm-6 sag"> <div class="sagic"> <div class="iletisim"> <a href="tel:+905442214161" class="link"> <span>TELEFON</span> +90(544) 221 4161</a> <a href="mailto:info@onurturkay.com.tr" class="link"> <span>MAIL </span> info@onurturkay.com.tr</a> </div> <div class="copyright"> Tüm hakları saklıdır. 2025 <strong>O&T</strong>Onur<strong>TÜRKAY </strong> </div> <div class="altmenu"> <div class="menuic"> <div id="primary-menu" class="menu"><ul> <li class="page_item page-item-300"><a href="https://www.onurturkay.com.tr/">Anasayfa</a></li> <li class="page_item page-item-347"><a href="https://www.onurturkay.com.tr/calismalar/">Çalışmalar</a></li> <li class="page_item page-item-1088"><a href="https://www.onurturkay.com.tr/hazir-web-siteler/">Hazır Web Siteler</a></li> <li class="page_item page-item-330"><a href="https://www.onurturkay.com.tr/kultur/">Kültür</a></li> <li class="page_item page-item-351"><a href="https://www.onurturkay.com.tr/seo-altyapi-gelistirme/">SEO altyapı geliştirme</a></li> <li class="page_item page-item-882"><a href="https://www.onurturkay.com.tr/tam-zamanli-ortaklik/">Tam Zamanlı Ortaklık</a></li> <li class="page_item page-item-893"><a href="https://www.onurturkay.com.tr/ui-ux-tasarim/">UI-UX Tasarım</a></li> <li class="page_item page-item-907"><a href="https://www.onurturkay.com.tr/web-site-hata-cozumu/">Web Site Hata Çözümü</a></li> <li class="page_item page-item-922"><a href="https://www.onurturkay.com.tr/web-site-hizlandirma/">Web Site Hızlandırma</a></li> <li class="page_item page-item-929"><a href="https://www.onurturkay.com.tr/web-site-tasarim/">Web Tasarım</a></li> <li class="page_item page-item-949"><a href="https://www.onurturkay.com.tr/web-yazilim/">Web Yazılım</a></li> <li class="page_item page-item-944 current_page_parent"><a href="https://www.onurturkay.com.tr/blog/">WEB101</a></li> <li class="page_item page-item-957"><a href="https://www.onurturkay.com.tr/wordpress-gelistirme/">WordPress Geliştirme</a></li> </ul></div> </div> </div> </div></div>  </div> </div> </div> </footer> </div> <div class="sec-tanisalim" id="sectanisalim"> <button class="kapatbtn" id="sectanisalimkapat">X</button> <div class="items"> <div class="sol"> <i class="icon fal fa-hands"></i> <p class="baslik">Hadi tanışalım!</p> </div> <div class="sag2"> <div class="teklif-form"> <form id="forminator-module-1703" class="forminator-custom-form forminator-custom-form-1703" method="post" data-forminator-render="0" data-uid="6a6db85eb4fc1"><div role="alert" aria-live="polite" class="forminator-response-message forminator-error" aria-hidden="true"></div></form></div> </div> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/onurturkayv2/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="onurturkay-navigation-js" src="https://www.onurturkay.com.tr/wp-content/themes/onurturkayv2/js/navigation.js"></script> <script id="jquery-core-js" src="https://www.onurturkay.com.tr/wp-includes/js/jquery/jquery.min.js"></script> <script id="jquery-migrate-js" src="https://www.onurturkay.com.tr/wp-includes/js/jquery/jquery-migrate.min.js"></script> <script id="forminator-jquery-validate-js" src="https://www.onurturkay.com.tr/wp-content/plugins/forminator/assets/js/library/jquery.validate.min.js"></script> <script id="forminator-form-js" src="https://www.onurturkay.com.tr/wp-content/plugins/forminator/assets/forminator-ui/js/forminator-form.min.js"></script> <script id="forminator-front-scripts-js-extra"> var ForminatorFront = {"ajaxUrl":"https://www.onurturkay.com.tr/wp-admin/admin-ajax.php","cform":{"processing":"Form g\u00f6nderiliyor, l\u00fctfen bekleyin","error":"An error occurred while processing the form. Please try again","upload_error":"An upload error occurred while processing the form. Please try again","pagination_prev":"\u00d6nceki","pagination_next":"Sonraki","pagination_go":"G\u00f6nder","gateway":{"processing":"\u00d6deme i\u015fleniyor, l\u00fctfen bekleyin","paid":"Ba\u015far\u0131l\u0131! \u00d6deme Onayland\u0131. Form g\u00f6nderiliyor, l\u00fctfen bekleyin","error":"Hata! \u00d6deme onaylan\u0131rken bir\u015feyler ters gitti"},"captcha_error":"Ge\u00e7ersiz CAPTCHA","no_file_chosen":"Dosya se\u00e7ilmedi","intlTelInput_utils_script":"https://www.onurturkay.com.tr/wp-content/plugins/forminator/assets/js/library/intlTelInputUtils.js","process_error":"L\u00fctfen tekrar deneyin","payment_failed":"Payment failed. Please try again.","payment_cancelled":"Payment was cancelled"},"poll":{"processing":"Oy g\u00f6nderiliyor, l\u00fctfen bekleyin","error":"Oyu kaydederken bir hata olu\u015ftu. L\u00fctfen tekrar deneyin"},"quiz":{"view_results":"Sonu\u00e7lar\u0131 G\u00f6r"},"select2":{"load_more":"Daha fazla sonu\u00e7 y\u00fckleniyor...","no_result_found":"Sonu\u00e7 bulunamad\u0131","searching":"Aran\u0131yor...","loaded_error":"Sonu\u00e7lar y\u00fcklenemiyor."}}; //# sourceURL=forminator-front-scripts-js-extra </script> <script id="forminator-front-scripts-js" src="https://www.onurturkay.com.tr/wp-content/plugins/forminator/build/front/front.multi.min.js"></script> <script id="forminator-front-scripts-js-after"> (function ($, document, window) { "use strict"; (function () { $(function () { if (window.elementorFrontend) { if (typeof elementorFrontend.hooks !== "undefined") { elementorFrontend.hooks.addAction("frontend/element_ready/global", function ( $scope ) { if ( $scope.find( "#forminator-module-1703" ).length > 0 ) { if (typeof ($.fn.forminatorLoader) !== 'undefined') { renderForminatorAjax( 1703, {"action":"forminator_load_form","type":"forminator_forms","id":"1703","render_id":0,"is_preview":false,"preview_data":[],"last_submit_data":[],"nonce":"2bd95e487e","extra":{"_wp_http_referer":"","page_id":2174,"referer_url":""}}, 0 ); } } }); } // Elementor Popup $( document ).on( 'elementor/popup/show', () => { if (typeof ($.fn.forminatorLoader) !== 'undefined') { renderForminatorAjax( 1703, {"action":"forminator_load_form","type":"forminator_forms","id":"1703","render_id":0,"is_preview":false,"preview_data":[],"last_submit_data":[],"nonce":"2bd95e487e","extra":{"_wp_http_referer":"","page_id":2174,"referer_url":""}}, 0 ); } } ); } if (typeof ($.fn.forminatorLoader) === 'undefined') { console.log('forminator scripts not loaded'); } else { renderForminatorAjax( 1703, {"action":"forminator_load_form","type":"forminator_forms","id":"1703","render_id":0,"is_preview":false,"preview_data":[],"last_submit_data":[],"nonce":"2bd95e487e","extra":{"_wp_http_referer":"","page_id":2174,"referer_url":""}}, 0 ); } }); function renderForminatorAjax ( id, frontLoaderConfig, renderId ) { var front_loader_config = frontLoaderConfig; front_loader_config.extra.referer_url = document.referrer; $('#forminator-module-' + id + '[data-forminator-render="' + renderId + '"]') .forminatorLoader(front_loader_config); } })(); }(jQuery, document, window)); //# sourceURL=forminator-front-scripts-js-after </script> <script id="forminator-intlTelInput-js" src="https://www.onurturkay.com.tr/wp-content/plugins/forminator/assets/js/library/intlTelInput.min.js"></script> <script id="forminator-dompurify-js" src="https://www.onurturkay.com.tr/wp-content/plugins/forminator/assets/js/library/dompurify.min.js"></script>  <script> //AOS.init(); document.addEventListener("DOMContentLoaded", () => { const body = document.body; // Menü Aç/Kapat İşlemleri const fixmenu = document.querySelector('#fixmenu'); const menuButtons = document.querySelectorAll('[data-durum="menu"]'); const closeMenuButton = document.querySelector('#fixmenuKapat'); menuButtons.forEach(button => button.addEventListener('click', toggleMenu)); closeMenuButton.addEventListener('click', toggleMenu); function toggleMenu() { fixmenu.classList.toggle('aktif'); body.classList.toggle('overlay'); } function closeMenu() { fixmenu.classList.remove('aktif'); body.classList.remove('overlay'); } // Video Genişlik Ayarlama const videoElements = document.querySelectorAll('.scrdikeybuyut'); if (videoElements.length > 0) { window.addEventListener("scroll", () => { const scrollPosition = window.scrollY; const maxScale = 140; const initialWidthPercentage = 100; const windowHeight = window.innerHeight; videoElements.forEach(videoElement => { const elementRect = videoElement.getBoundingClientRect(); const progress = (windowHeight - elementRect.top) / windowHeight; if (progress > 0 && progress < 1) { const newWidth = initialWidthPercentage + (progress * (maxScale - initialWidthPercentage)); videoElement.style.setProperty("width", `${newWidth}%`, "important"); } else if (progress >= 1) { videoElement.style.setProperty("width", `${maxScale}%`, "important"); } else { videoElement.style.setProperty("width", `${initialWidthPercentage}%`, "important"); } }); }); } // Header Sabitleme const headerfix = document.querySelector('.header'); if (headerfix) { window.addEventListener('scroll', () => { const scrollY = window.scrollY; headerfix.classList.toggle('fixle', scrollY > 200); }); } // Yatay Scroll document.querySelectorAll('.scryatay').forEach(scrollyatay => { scrollyatay.addEventListener('wheel', (event) => { const deltaY = event.deltaY; const scrollLeft = scrollyatay.scrollLeft; const scrollWidth = scrollyatay.scrollWidth; const clientWidth = scrollyatay.clientWidth; // Yatay kaydırma yapılabilecek durumda kaydırmayı uygula if ((deltaY > 0 && scrollLeft + clientWidth < scrollWidth) || // Sağ kaydırma (deltaY < 0 && scrollLeft > 0)) { // Sol kaydırma event.preventDefault(); // Varsayılan dikey kaydırmayı engelle scrollyatay.scrollLeft += deltaY; // Yatay kaydırma uygula } // Eğer yatay kaydırmanın başına veya sonuna ulaşıldıysa dikey kaydırmaya izin ver }); }); // Arkaplan Rengi Değiştirme const sections = document.querySelectorAll("[data-color]"); const defaultColor = ''; if (sections.length > 0) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { const bgColor = entry.target.getAttribute("data-color"); if (entry.isIntersecting) { body.style.backgroundColor = bgColor; toggleLightClass(true); } else if (!entry.isIntersecting && isOutOfBounds(entry)) { body.style.backgroundColor = defaultColor; toggleLightClass(false); } }); }, { threshold: 0.5 }); sections.forEach(section => observer.observe(section)); function isOutOfBounds(entry) { return entry.target === sections[0] && entry.boundingClientRect.top > 0 || entry.target === sections[sections.length - 1] && entry.boundingClientRect.bottom < window.innerHeight; } function toggleLightClass(add) { document.querySelectorAll(".drenk").forEach(el => el.classList.toggle("light", add)); } } // Detay Açma/Kapatma document.querySelectorAll('.comp-nedenler .item .detaylink').forEach(button => { button.addEventListener('click', function() { const itemDiv = this.closest('.item'); if (!itemDiv) return; const textDiv = itemDiv.querySelector('.text'); const iconDiv = itemDiv.querySelector('.icon'); if (textDiv) textDiv.classList.toggle('aktif'); if (iconDiv) iconDiv.classList.toggle('pasif'); }); }); }); let delSections = document.querySelectorAll(".ref-scr-imaj .item"); function handleScroll() { delSections.forEach(section => { let img = section.querySelector("img"); let rect = section.getBoundingClientRect(); let windowHeight = window.innerHeight; // "scrub" değeri al ve varsayılan olarak 1 kullan let scrubFactor = parseFloat(section.dataset.scrub) || 1; if (rect.top < windowHeight && rect.bottom > 0) { // İlerleme hesapla (0 ile 1 arasında) let progress = (windowHeight - rect.top) / (windowHeight + rect.height); // İlerleme çarpanı ile animasyonu hızlandır progress *= scrubFactor; // Hızlı hareket için imgTranslateY ve innerContainerTranslateY hesapla let imgTranslateY = -progress * windowHeight; let innerContainerTranslateY = progress * windowHeight; img.style.transform = `translateY(${imgTranslateY}px)`; // Eğer innerContainer kullanıyorsanız, aşağıdaki satırı da ekleyebilirsiniz: // innerContainer.style.transform = `translateY(${innerContainerTranslateY}px)`; } }); } window.addEventListener("scroll", handleScroll); handleScroll(); document.addEventListener('click', (event) => { const tanisalimDiv = document.getElementById('sectanisalim'); if (!tanisalimDiv) return; // Eğer #sectanisalim yoksa işlemi sonlandır // Menü açma/toggle if ( event.target.closest('[rel="tanisalimAc"]') || event.target.closest('[data-durum="tanisalimAc"]') || (event.target.closest('a[href="#tanisalim"]')) // href değeri #tanisalim olan linkler ) { event.preventDefault(); // Varsayılan davranışı engelle tanisalimDiv.classList.toggle('aktif'); // Aktif sınıfını toggle yap return; // Daha fazla işlem yapmaya gerek yok } // Menü kapatma if (event.target.closest('#sectanisalimkapat')) { tanisalimDiv.classList.remove('aktif'); // Aktif sınıfını kaldır } }); document.addEventListener('click', (event) => { const satinalPop = document.getElementById('satinalpop'); // Eğer #satinalpop elementi yoksa işlem yapılmaz if (!satinalPop) return; // Menü açma/toggle if (event.target.closest('[rel="satinalbtn"]')) { event.preventDefault(); // Varsayılan davranışı engelle satinalPop.classList.toggle('aktif'); // Aktif sınıfını aç/kapat return; // Daha fazla işlem yapmaya gerek yok } // Menü kapatma if (event.target.closest('#satinalkapat')) { satinalPop.classList.remove('aktif'); // Aktif sınıfını kaldır } }); document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll(".header .anamenu .menu-item-has-children > a").forEach(function (menuLink) { menuLink.addEventListener("click", function (event) { const menuItem = this.parentElement; // <li> öğesini al const subMenu = menuItem.querySelector(".sub-menu"); if (subMenu) { event.preventDefault(); // Yalnızca açılır menüsü olan öğeler için engelle subMenu.classList.toggle("aktif"); } }); }); // Sayfanın herhangi bir yerine tıklanınca açık olan menüleri kapat document.addEventListener("click", function (event) { document.querySelectorAll(".header .anamenu .sub-menu.aktif").forEach(function (subMenu) { if (!subMenu.closest(".menu-item-has-children").contains(event.target)) { subMenu.classList.remove("aktif"); } }); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { const lazyElements = document.querySelectorAll("img.lazy, video.lazy"); if ("IntersectionObserver" in window) { let observer = new IntersectionObserver(function (entries, observer) { entries.forEach(entry => { if (entry.isIntersecting) { let el = entry.target; if (el.tagName === "IMG") { // Resimler için el.src = el.dataset.src; el.classList.remove("lazy"); } else if (el.tagName === "VIDEO") { // Videolar için let source = el.querySelector("source"); if (source && source.dataset.src) { source.src = source.dataset.src; el.load(); // Videoyu yeniden yükler } el.classList.remove("lazy"); } observer.unobserve(el); } }); }); lazyElements.forEach(el => observer.observe(el)); } }); </script> <script> document.addEventListener("DOMContentLoaded", function () { const elements = document.querySelectorAll("[data-aos]"); function checkScroll() { elements.forEach((el) => { const rect = el.getBoundingClientRect(); const isVisible = rect.top < window.innerHeight - 50 && rect.bottom > 0; if (isVisible) { el.classList.add("animate"); } else { el.classList.remove("animate"); // Görünümden çıkınca animasyonu sıfırla } }); } window.addEventListener("scroll", checkScroll); checkScroll(); // Sayfa yüklendiğinde de çalıştır }); </script> </body> </html><script> document.addEventListener('scroll', () => { const article = document.querySelector('.comp-single-detay article'); const progressBar = document.querySelector('.progress-bar'); if (!article) return; const articleTop = article.offsetTop; const articleHeight = article.scrollHeight; const windowHeight = window.innerHeight; const scrollY = window.scrollY; // İlerleme oranını hesapla const scrollDistance = Math.max(0, scrollY + windowHeight - articleTop); const progress = Math.min(100, (scrollDistance / articleHeight) * 100); // İlerleme çubuğuna uygula progressBar.style.width = `${progress}%`; }); </script>