Home page /
Blog /
HTML meta etiketleri ile yönlendirme
Yönlendirme
HTML meta etiketleri ile yönlendirme
November 10, 2024
8 min read
38 views
HTML Meta Etiketleri Nedir?
HTML meta etiketleri, web sayfalarının başlık bölümlerinde yer alan ve arama motorları ile tarayıcılar için bilgi sağlayan özel etiketlerdir. Bu etiketler, sayfanın içeriği hakkında açıklayıcı bilgiler sunarak, arama motorlarının sayfayı daha iyi anlamasına yardımcı olur. Ayrıca, kullanıcı deneyimini geliştiren bazı önemli yönlendirmeler de içerir.
Özellikle HTML meta etiketleri ile yönlendirme HTML meta etiketleri ile yönlendirme Meta Etiketleri ile SEO İlişkisi
Meta etiketleri, web sitelerinin arama motorları tarafından daha iyi anlaşılmasını sağlamak için kritik bir rol oynamaktadır. Özellikle HTML meta etiketleri ile yönlendirme ` etiketi ve sayfanın içeriğini açıklayan `<meta description>` etiketi, kullanıcıların arama sonuçlarında ne görüp görmeyeceklerini belirleyen temel unsurlardır.
Ayrıca, <b><b>HTML meta etiketleri ile yönlendirme</b></b> işlemi, sayfa içi SEO'nun önemli bir bileşenidir. Özenle oluşturulmuş bir meta açıklaması, tıklama oranlarını artırabilir ve site trafiğini olumlu yönde etkileyebilir. Arama motorları, kullanıcı deneyimini ön planda tutarak, anlamlı ve ilgi çekici meta etiketlerine sahip sayfaları tercih ederler.
Sonuç olarak, meta etiketleri, web sitelerinin görünürlüğünü artırmada ve arama motoru sonuçlarında daha iyi yer almayı sağlamada anahtar bir rol oynamaktadır. <b><b>HTML meta etiketleri ile yönlendirme</b></b> stratejilerini etkili bir şekilde kullanarak, SEO performansını artırmak mümkündür.<h2>Yönlendirme Etiketleri Nasıl Çalışır?</h2>
HTML meta etiketleri, web sayfalarının başlık kısmında yer alan küçük ama etkili araçlardır. Bu etiketler, sayfanın içerik bilgilerini tarayıcılara ve arama motorlarına iletmek için kullanılır. Özellikle <b><b>HTML meta etiketleri ile yönlendirme</b></b> işlemi, kullanıcıları başka bir sayfaya yönlendirmek için sıkça tercih edilir.
Yönlendirme etiketleri genellikle "refresh" özelliği ile kullanılır. Bu özellik sayesinde, belirli bir süre sonunda kullanıcı otomatik olarak belirtilen yeni sayfaya yönlendirilir. Örneğin, "0" saniye olarak ayarlandığında, kullanıcı hemen yeni sayfaya geçiş yapar. Bu işlem kullanıcı deneyimini artırmak ve eski sayfalardan yeni içeriklere yönlendirmek için oldukça faydalıdır.
Ayrıca, yönlendirme etiketleri hedef sayfanın URL'sini belirler. Örneğin, bir web yöneticisi eski bir sayfayı kapatıp, kullanıcılarını yeni içeriğe yönlendirmek istediğinde bu etiketlerden faydalanabilir. Bu sayede hem kullanıcı kaybını önler hem de SEO açısından önemli bir avantaj sağlar.
Sonuç olarak, <b><b>HTML meta etiketleri ile yönlendirme</b></b> işlemi, web tasarımında ve içerik yönetiminde önemli bir rol oynar. Kullanıcıların doğru sayfalara ulaşmasını sağlamak, sitenin genel işleyişini ve etkinliğini artırır.<h2>Meta Yönlendirme Etiketleri Kullanım Alanları</h2>
HTML, web siteleri oluştururken kullanılan temel bir işaretleme dilidir. Bu dilin önemli unsurlarından biri de meta etiketleridir. Özellikle <b><b>HTML meta etiketleri ile yönlendirme</b></b> işlemleri, web sayfalarının daha işlevsel ve kullanıcı dostu hale gelmesine büyük katkı sağlar. Meta yönlendirme etiketleri, genellikle sayfaların belirli bir süre sonra otomatik olarak başka bir URL'ye yönlendirilmesi için kullanılır. Bu, özellikle kullanıcıları güncellenmiş içeriklere veya yeni sayfalara yönlendirmek için oldukça faydalıdır.
Öncelikle, bir web sayfası belirli bir süre sonra otomatik olarak başka bir sayfaya yönlendirildiğinde, kullanıcılar için daha akıcı bir deneyim sunulmuş olur. Özellikle eski sayfaların yeni içeriklerle güncellenmesi gerektiğinde, kullanıcıların sıkılmadan doğru bilgiye ulaşmalarını sağlar. Ayrıca, SEO açısından da önemlidir; çünkü arama motorları, bu tür yönlendirmeleri göz önünde bulundurur ve onu sıralama kriterleri arasında değerlendirebilir.
Ayrıca, <b><b>HTML meta etiketleri ile yönlendirme</b></b> kullanımı, geçici sayfalar için de oldukça etkilidir. Örneğin, bir kampanya süresince açılan geçici sayfalar, kampanya sona erdiğinde otomatik olarak ana sayfaya veya başka bir bilgilendirme sayfasına yönlendirilebilir. Bu durum, kullanıcıların doğru ve güncel bilgilere erişmesini sağlarken, site yönetimini de kolaylaştırır.
Sonuç olarak, <b><b>HTML meta etiketleri ile yönlendirme</b></b> işlemleri, hem kullanıcı deneyimini artırırken hem de web sitelerinin performansını geliştirmeye yardımcı olur. Bu nedenle, web tasarımında bu etiketlerin etkin bir şekilde kullanılması, günümüzde oldukça önemli bir konu haline gelmiştir.<h2>Başlık Etiketleri ve Önemi</h2>
Başlık etiketleri, HTML dokümanlarının temel yapı taşlarından biridir ve web sayfalarının düzeninde kritik bir rol oynar. Arama motorları ve kullanıcılar için sayfanın ne hakkında olduğunu anlamada büyük öneme sahiptir. Özellikle <b><b>HTML meta etiketleri ile yönlendirme</b></b> işlemleri sırasında, başlık etiketleri doğru kullanıldığında, sayfanızın arama sonuçlarındaki görünürlüğünü artırabilir.
Başlık etiketleri (H1, H2, H3, vb.), sayfanızdaki içeriğin hiyerarşisini belirlemeye yardımcı olur. H1 etiketi genellikle sayfanın ana başlığı olarak kabul edilir ve sayfanın en önemli içeriğini temsil eder. Bu nedenle, H1 etiketi altında kullanılan anahtar kelimeler, arama motorlarına sayfanızın ne hakkında olduğunu net bir şekilde iletmek için hayati önem taşır.
Ardından gelen H2, H3 etiketleri ise alt başlıklar ve bölümlerin oluşturulmasında kullanılır. Bu yapı, kullanıcıların içeriği daha kolay anlamasını ve gezinmesini sağlar. Ayrıca, okuyucuların dikkatini çekmek için etkili bir yolu sunar.
Sonuç olarak, başlık etiketleri, sadece estetik bir düzen sağlamakla kalmaz, aynı zamanda SEO açısından da önemli bir faktördür. Doğru ve anlamlı bir şekilde kullanıldıklarında, hem kullanıcı deneyimini iyileştirir hem de web sayfanızın <b><b>HTML meta etiketleri ile yönlendirme</b></b> potansiyelini artırır.<h2>Robots Meta Etiketinin Görevi</h2>
Robots meta etiketi, web sitelerinin arama motorları tarafından nasıl taranacağını kontrol etmek için kullanılır. Bu etiket, <b><b>HTML meta etiketleri ile yönlendirme</b></b> açısından oldukça önemli bir role sahiptir. Arama motorları, bu etiketi okuyarak sayfanın hangi kısmının dizine eklenip eklenmeyeceğine ya da hangi bağlantıların takip edileceğine karar verir. Örneğin, "index" ve "follow" komutları ile sayfanın dizine eklenmesi ve bağlantıların takip edilmesi sağlanabilirken, "noindex" ve "nofollow" komutları ile bu işlemler engellenebilir. Bu sayede web yöneticileri, sitelerinin görünürlüğünü ve arama motoru sonuçlarındaki yerini etkili bir şekilde yönetebilir. Robots meta etiketi, SEO (Arama Motoru Optimizasyonu) stratejileri için de kritik bir unsurdur. Bu etiketlerin anlaşılması, kullanıcıların bilgiye daha hızlı ulaşmasını sağlarken, sitenin performansını da artırır.<h2>Charset Meta Etiketinin Önemi</h2>
Charset meta etiketleri, web sayfalarının doğru biçimde görüntülenmesi için son derece kritik bir rol oynamaktadır. Bu etiketler, kullanıcıların tarayıcılarında sayfanın hangi karakter setini kullanarak kodlandığını belirtir. Özellikle çok dilli içerik sunan web siteleri için, charset meta etiketinin doğru ayarlanması, ziyaretçilerin metinleri doğru okuyabilmesi adına elzemdir. Örneğin, UTF-8 karakter setinin kullanımı, hem Türkçe gibi özel karakterleri hem de diğer dillerdeki sembolleri sorunsuz bir şekilde gösterebilir. Böylece kullanıcı deneyimi artar ve içerik daha geniş bir kitleye ulaşabilir. Ayrıca, arama motorları için de bu etiketlerin varlığı, sayfanın doğru bir şekilde indekslenmesi açısından önemlidir. Sonuç olarak, <b><b>HTML meta etiketleri ile yönlendirme</b></b> yaparken charset meta etiketinin önemi asla göz ardı edilmemelidir. Bu basit ama etkili etiket, web sayfanızın başarısını büyük ölçüde etkileyebilir.<h2>Meta Açıklamaları Nasıl Yazılmalı?</h2>
Meta açıklamaları, web sitelerinin arama motorları ve kullanıcılar tarafından nasıl algılandığını belirleyen önemli bir unsurdur. Doğru şekilde yazıldığında, bu açıklamalar trafiği artırabilir ve arama sonuçlarında daha iyi bir görünürlük sağlayabilir. Alt başlıkta anılan <b><b>HTML meta etiketleri ile yönlendirme</b></b>, kullanıcıların sayfanın içeriği hakkında hızlıca bilgi edinmesine yardımcı olur.
Meta açıklamalarınızın dikkat çekici olması için birkaç noktaya dikkat etmelisiniz. Öncelikle, açıklamalarınızın 150-160 karakter arasında olmasına özen gösterin. Kısa, öz ve bilgilendirici ifadeler kullanarak kullanıcıların ilgisini çekebilirsiniz. Ayrıca, anahtar kelimeleri doğal bir şekilde entegre etmek, arama motorlarının sizi daha iyi anlaması açısından kritik bir rol oynar. Ancak aşırıya kaçmaktan kaçının; anahtar kelimeler açıklamanızı gereksiz yere karmaşık hale getirebilir.
Yaratıcı ve ilgi çekici bir dil kullanarak, okuyucunun dikkatini çekmekte yardımcı olabilirsiniz. Sorular sorarak veya cazip ifadelerle potansiyel ziyaretçilerinizin merakını uyandırmak, tıklama oranlarınızı artırabilir. Unutmayın, meta açıklamalar sadece arama motorları için değil, aynı zamanda kullanıcılara hitap etmek için de yazılmalıdır.
Sonuç olarak, <b><b>HTML meta etiketleri ile yönlendirme</b></b> yaparken özgün, ilgi çekici ve bilgilendirici meta açıklamaları yazmak, web sitenizin başarılı olmasında kritik bir adım olacaktır.<h2>Sayfa Hızı ve Meta Etiketleri İlişkisi</h2>
Web sitelerinin başarısında en önemli faktörlerden biri olan sayfa hızı, kullanıcı deneyimi üzerinde doğrudan etkiye sahiptir. Kullanıcılar, yavaş açılan sayfalarda zaman kaybetmek istemez ve bu durum, ziyaretçi kaybına yol açabilir. İşte burada devreye giren <b><b>HTML meta etiketleri ile yönlendirme</b></b>, sayfa hızını artırmak için kritik bir rol oynamaktadır.
Meta etiketleri, sayfanın içeriğini arama motorlarına tanıtmada ve kullanıcıların sayfa hakkında hızlı bilgi alabilmelerinde önemli bir araçtır. Özellikle <b><b>HTML meta etiketleri ile yönlendirme</b></b> kullanarak, gereksiz süreyi azaltabilir ve kullanıcıları daha hızlı bir şekilde doğru sayfaya yönlendirebilirsiniz. Doğru yapılandırılmış meta etiketleri, hem arama motorları için hem de kullanıcılar için olumlu bir deneyim sunar.
Ayrıca, önbellekleme ve yönlendirme gibi tekniklerle birleştirildiğinde, <b><b>HTML meta etiketleri ile yönlendirme</b></b> uygulamaları, sayfa yüklenme sürelerini önemli ölçüde etkileyebilir. Sonuç olarak, sayfa hızı ile meta etiketleri arasındaki ilişki, kullanıcı memnuniyetini artırmak ve arama motoru sıralamalarını iyileştirmek için dikkate alınması gereken önemli bir konudur.```html
<h2>Gelişmiş Meta Etiket Uygulamaları</h2>
<p>Gelişmiş meta etiket uygulamaları, web sitelerinin arama motorları tarafından daha iyi anlaşılmasını ve yönlendirilmesini sağlamak için kritik bir rol oynamaktadır. <b><b>HTML meta etiketleri ile yönlendirme</b></b>, sayfanın içeriği hakkında önemli bilgiler sunarak, arama motorlarının ve kullanıcıların web sitelerini daha kolay bulmasına yardımcı olur. Bu tip etiketler yalnızca SEO açısından değil, aynı zamanda kullanıcı deneyimi için de oldukça değerlidir.</p>
<p>Özellikle <b><b>HTML meta etiketleri ile yönlendirme</b></b> konusunda, "robots" ve "description" etiketleri önemli bir yer tutar. "robots" etiketi sayesinde, arama motorlarına sayfanın taranması veya indekslenmesi ile ilgili talimatlar verilebilir. Ek olarak, "description" etiketi, sayfanızın içeriği hakkında kısa ve öz bir özet sunarak, arama sonuçlarında daha ilgi çekici görünmesine katkıda bulunur.</p>
<p>Gelişmiş uygulamalar arasında "viewport" ve "charset" etiketleri de bulunmaktadır. "viewport" etiketi, mobil cihazlarda web sayfasının nasıl görüntüleneceğini belirlerken, "charset" etiketi, sayfanın karakter setini tanımlayarak, içeriklerin doğru bir şekilde görüntülenmesini sağlar. Tüm bu etiketler, <b><b>HTML meta etiketleri ile yönlendirme</b></b> sürecinin kritik parçalarıdır ve web sitenizin başarısı için zengin bir temel oluşturur.</p>
```
</div>
<!-- Tags -->
<div class="mt-12 pt-8 border-t border-ek-border">
<h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Tags</h3>
<div class="flex flex-wrap gap-2">
<a href="/tr/blog?tag=Web Geliştirme" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
Web Geliştirme
</a>
<a href="/tr/blog?tag=Yönlendirme" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
Yönlendirme
</a>
<a href="/tr/blog?tag=SEO Teknikleri" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
SEO Teknikleri
</a>
<a href="/tr/blog?tag=HTML Meta Etiketleri" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
HTML Meta Etiketleri
</a>
<a href="/tr/blog?tag=Meta Tag Kullanımı" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
Meta Tag Kullanımı
</a>
</div>
</div>
<!-- Share Buttons -->
<div class="mt-8 pt-8 border-t border-ek-border">
<h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Share this post</h3>
<div class="flex gap-3">
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fekolsoft.com%2Ftr%2Fb%2Fhtml-meta-etiketleri-ile-yonlendirme&text=HTML%20meta%20etiketleri%20ile%20y%C3%B6nlendirme" target="_blank" rel="noopener noreferrer" class="w-10 h-10 glass-card flex items-center justify-center rounded-lg text-gray-400 hover:text-white transition-colors">
<i class="fab fa-x-twitter"></i>
</a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fekolsoft.com%2Ftr%2Fb%2Fhtml-meta-etiketleri-ile-yonlendirme" target="_blank" rel="noopener noreferrer" class="w-10 h-10 glass-card flex items-center justify-center rounded-lg text-gray-400 hover:text-white transition-colors">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fekolsoft.com%2Ftr%2Fb%2Fhtml-meta-etiketleri-ile-yonlendirme" target="_blank" rel="noopener noreferrer" class="w-10 h-10 glass-card flex items-center justify-center rounded-lg text-gray-400 hover:text-white transition-colors">
<i class="fab fa-facebook-f"></i>
</a>
<a href="mailto:?subject=HTML%20meta%20etiketleri%20ile%20y%C3%B6nlendirme&body=https%3A%2F%2Fekolsoft.com%2Ftr%2Fb%2Fhtml-meta-etiketleri-ile-yonlendirme" class="w-10 h-10 glass-card flex items-center justify-center rounded-lg text-gray-400 hover:text-white transition-colors">
<i class="fas fa-envelope"></i>
</a>
</div>
</div>
</div>
</article>
<!-- Related Posts -->
<section class="pb-24 px-4 bg-ek-darker">
<div class="max-w-7xl mx-auto py-16">
<h2 class="section-title text-center mb-12">Related Posts</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<a href="/tr/b/web3-gelistirme-rehberi-akilli-kontratlar-defi" class="glass-card overflow-hidden group hover:border-ek-accent/30 transition-all duration-300">
<img data-src="/img/blog/1sg0qi1e.webp" alt="Web3 ve blockchain geliştirme görseli" class="lazyload w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-lg font-semibold group-hover:text-ek-accent-light transition-colors">Web3 Geliştirme Rehberi: Akıllı Kontratlardan DeFi'ye Kapsamlı Kılavuz</h3>
<p class="text-gray-500 text-sm mt-2">Mar 29, 2026</p>
</div>
</a>
<a href="/tr/b/yesil-bt-surdurulebilir-yazilim-cevre-duyarli-teknoloji" class="glass-card overflow-hidden group hover:border-ek-accent/30 transition-all duration-300">
<img data-src="/img/blog/yji3szmz.webp" alt="Yeşil BT ve sürdürülebilir yazılım geliştirme" class="lazyload w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-lg font-semibold group-hover:text-ek-accent-light transition-colors">Yeşil BT ve Sürdürülebilir Yazılım: Çevreye Duyarlı Teknoloji Geliştirme Rehberi</h3>
<p class="text-gray-500 text-sm mt-2">Mar 29, 2026</p>
</div>
</a>
<a href="/tr/b/github-actions-ci-cd-rehberi-workflow-matrix-build" class="glass-card overflow-hidden group hover:border-ek-accent/30 transition-all duration-300">
<img data-src="/img/blog/wrncohrs.webp" alt="GitHub Actions CI/CD otomasyon ve DevOps" class="lazyload w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-lg font-semibold group-hover:text-ek-accent-light transition-colors">GitHub Actions ile CI/CD Rehberi: Workflow, Matrix Build ve Deployment</h3>
<p class="text-gray-500 text-sm mt-2">Mar 29, 2026</p>
</div>
</a>
</div>
</div>
</section>
</main>
<footer class="bg-ek-darker border-t border-ek-border">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12">
<div class="lg:col-span-1">
<a href="/" class="flex items-center gap-2 text-2xl font-bold gradient-text">
<img src="/img/favicon-96x96.png" alt="Ekolsoft" style="height: 1.75em; width: 1.75em;">
Ekolsoft
</a>
<p class="mt-4 text-gray-400 text-sm leading-relaxed">
We build intelligent software solutions — from web and mobile apps to AI-powered systems. Full-spectrum development for businesses ready to grow.
</p>
<div class="flex space-x-4 mt-6">
<a href="https://www.linkedin.com/company/ekolsoft" target="_blank" rel="noopener noreferrer"
class="text-gray-500 hover:text-ek-accent-light transition-colors duration-200">
<i class="fa-brands fa-linkedin-in text-lg"></i>
</a>
<a href="https://github.com/msanlisavas" target="_blank" rel="noopener noreferrer"
class="text-gray-500 hover:text-ek-accent-light transition-colors duration-200">
<i class="fa-brands fa-github text-lg"></i>
</a>
<a href="https://instagram.com/ekolsoft" target="_blank" rel="noopener noreferrer"
class="text-gray-500 hover:text-ek-accent-light transition-colors duration-200">
<i class="fa-brands fa-instagram text-lg"></i>
</a>
</div>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Services</h3>
<ul class="space-y-3">
<li><a href="/en/services/software-solutions/web-development" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Web Development</a></li>
<li><a href="/en/services/software-solutions/mobile-development" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Mobile Development</a></li>
<li><a href="/en/services/ai-solutions" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">AI Solutions</a></li>
<li><a href="/en/services/ai-content-solutions" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">AI Content Solutions</a></li>
<li><a href="/en/services/infrastructure" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Infrastructure</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Kids Brain Games</h3>
<ul class="space-y-3">
<li><a href="/Sudoku" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Sudoku</a></li>
<li><a href="/Maze" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Maze</a></li>
<li><a href="/BlockBuilding" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Block Building</a></li>
<li><a href="/robotik-kodlama" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Robot Coding</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Company</h3>
<ul class="space-y-3">
<li><a href="/#about" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">About</a></li>
<li><a href="/en/blog" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Blog</a></li>
<li><a href="/portfolio" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Portfolio</a></li>
<li><button type="button" onclick="openContactModal()" class="text-gray-400 hover:text-white text-sm transition-colors duration-200 bg-transparent border-0 p-0 cursor-pointer">Contact</button></li>
<li><a href="/en/p/gizlilik-sozlesmesi" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Privacy Policy</a></li>
<li><a href="/en/p/cerez-politikasi" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Cookie Policy</a></li>
<li><a href="/en/p/kisisel-verilerin-korunmasi" class="text-gray-400 hover:text-white text-sm transition-colors duration-200">Personal Data Protection</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Contact Us</h3>
<ul class="space-y-3">
<li class="flex items-center space-x-3 text-gray-400 text-sm">
<i class="fa-solid fa-envelope text-ek-accent-light"></i>
<span>info@ekolsoft.com</span>
</li>
<li>
<a href="https://wa.me/+905334049799?text=Merhaba%2C+Ekolsoft+websitesinden+geliyorum+ve+bilgi+almak+istiyorum." target="_blank" rel="noopener noreferrer"
class="flex items-center space-x-3 text-gray-400 hover:text-green-400 text-sm transition-colors duration-200">
<i class="fa-brands fa-whatsapp text-green-400"></i>
<span>WhatsApp</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="border-t border-ek-border">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
<p class="text-center text-gray-500 text-sm">
© 2026 Ekolsoft. All rights reserved.
</p>
</div>
</div>
</footer>
<div id="cookieConsentDialog">
<!-- Overlay -->
<div class="cookieOverlay fixed inset-0 z-[1009] bg-black/60 backdrop-blur-sm hidden"></div>
<!-- Dialog -->
<div class="cookieDialog fixed inset-0 z-[1010] flex items-center justify-center p-4 hidden">
<div class="cookieBox relative w-full max-w-lg bg-ek-darker/95 backdrop-blur-lg border border-ek-border rounded-2xl p-6 sm:p-8 shadow-2xl shadow-ek-accent/10 text-gray-300">
<!-- Close button -->
<a href="#" class="cookieClose absolute top-4 right-4 text-gray-500 hover:text-white transition-colors text-xl leading-none" title="close">✖</a>
<h2 class="text-lg sm:text-xl font-bold text-white mb-3">Cookie consent</h2>
<p class="text-sm text-gray-400 mb-5 leading-relaxed">This website uses cookies to personalise content and to analyse our traffic.</p>
<!-- Cookie toggles -->
<div class="space-y-4 mb-5">
<div class="flex items-center justify-between gap-4 bg-white/5 rounded-xl px-4 py-3">
<div>
<span class="block text-sm font-semibold text-white">Necessary</span>
<span class="block text-xs text-gray-500 mt-0.5">Necessary cookies needed to make a website usable by enabling basic functions. The website cannot function properly without these cookies. (always active)</span>
</div>
<label class="relative inline-flex items-center cursor-not-allowed">
<input type="checkbox" name="necessaryCookiesConsent" id="necessaryCookiesConsent_input" disabled="disabled" checked="checked" class="sr-only peer">
<div class="w-11 h-6 bg-ek-accent rounded-full peer-checked:bg-ek-accent"></div>
<div class="absolute left-0.5 top-0.5 w-5 h-5 bg-white rounded-full transition-transform peer-checked:translate-x-5"></div>
</label>
</div>
<div class="flex items-center justify-between gap-4 bg-white/5 rounded-xl px-4 py-3">
<div>
<span class="block text-sm font-semibold text-white">Marketing</span>
<span class="block text-xs text-gray-500 mt-0.5">Marketing cookies are used to track visitors across websites.</span>
</div>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" name="marketingCookiesConsent" id="marketingCookiesConsent_input" class="sr-only peer">
<div class="w-11 h-6 bg-gray-600 rounded-full peer-checked:bg-ek-accent transition-colors"></div>
<div class="absolute left-0.5 top-0.5 w-5 h-5 bg-white rounded-full transition-transform peer-checked:translate-x-5"></div>
</label>
</div>
</div>
<p class="text-xs text-gray-500 mb-5">
You can learn about cookies and change your cookie consent settings
<a href="/tr/p/cerez-politikasi" class="text-ek-accent-light hover:text-white transition-colors underline underline-offset-2">Cookie Policy page</a>
</p>
<!-- Buttons -->
<div id="cookieDialog_buttonbar" class="flex flex-col sm:flex-row gap-3">
<input type="submit" name="" value="Save preferences" id="coookieDialog_save_button"
class="cookieNoticeButton flex-1 px-5 py-2.5 border border-ek-border text-white text-sm font-medium rounded-xl cursor-pointer bg-transparent hover:border-ek-accent hover:text-ek-accent-light transition-all" title="">
<input type="submit" name="" value="Allow all" id="coookieDialog_acceptAll_button"
class="cookieNoticeButton flex-1 px-5 py-2.5 bg-gradient-to-r from-ek-accent to-purple-600 text-white text-sm font-medium rounded-xl cursor-pointer border-0 hover:shadow-[0_0_20px_rgba(99,102,241,0.4)] transition-all" title="">
</div>
</div>
</div>
</div>
<style>
/* Override JS display:table with flex via important */
.cookieDialog[style*="display: table"],
.cookieDialog[style*="display:table"] {
display: flex !important;
}
/* When JS shows the overlay */
.cookieOverlay[style*="display: block"],
.cookieOverlay[style*="display:block"] {
display: block !important;
}
</style>
<!-- Default Organization JSON-LD -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Ekolsoft",
"url": "https://ekolsoft.com",
"description": "AI Solutions & Software Development",
"sameAs": [
"https://www.linkedin.com/company/ekolsoft",
"https://github.com/msanlisavas",
"https://instagram.com/ekolsoft"
]
}
</script>
<script src="/assets/js/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/js/lazysizes.min.js" async></script>
<script>
(function() {
var w = document.querySelector('chatbot-widget');
if (w) {
var s = document.createElement('script');
s.src = '/libs/signalr/dist/browser/signalr.js';
document.head.appendChild(s);
}
})();
</script>
<script src="/js/tailwind-animations.js?v=Mi63f2GFrzNzvlogwhyBzOi2uf2-f_h6HmDPszR74IQ"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const content = document.querySelector("#toc-content");
const headings = content.querySelectorAll("h2, h3, h4, h5, h6");
const toc = document.querySelector("#table-of-contents");
const tocContainer = document.querySelector("#table-of-contents-container");
const tocToggleButton = document.getElementById("toc-toggle-button");
if (headings.length === 0) {
tocContainer.style.display = "none";
return;
}
// Generate TOC
headings.forEach(function (heading, index) {
var tocItem = document.createElement("li");
var tocLink = document.createElement("a");
var headingID = "heading-" + index;
heading.setAttribute("id", headingID);
tocLink.textContent = heading.textContent;
tocLink.href = "#" + headingID;
tocLink.classList.add("toc-link");
// Indent based on heading level
var level = parseInt(heading.tagName.charAt(1)) - 2;
if (level > 0) {
tocLink.style.paddingLeft = (12 + level * 16) + "px";
}
tocItem.appendChild(tocLink);
toc.appendChild(tocItem);
});
// Toggle TOC collapse/expand
tocToggleButton.addEventListener("click", function () {
if (tocContainer.classList.contains("collapsed")) {
tocContainer.classList.remove("collapsed");
tocToggleButton.textContent = "-";
} else {
tocContainer.classList.add("collapsed");
tocToggleButton.textContent = "+";
}
});
// Smooth scrolling with offset for fixed headers
var offset = 100;
toc.addEventListener("click", function (e) {
if (e.target.tagName === "A") {
e.preventDefault();
var targetId = e.target.getAttribute("href").substring(1);
var targetElement = document.getElementById(targetId);
var elementPosition = targetElement.getBoundingClientRect().top;
var offsetPosition = elementPosition - offset;
window.scrollTo({
top: window.pageYOffset + offsetPosition,
behavior: "smooth"
});
}
});
// Highlight active section while scrolling
window.addEventListener("scroll", function () {
var currentActive = null;
headings.forEach(function (heading) {
var bounding = heading.getBoundingClientRect();
if (bounding.top <= 100 && bounding.bottom > 100) {
currentActive = heading.getAttribute("id");
}
});
document.querySelectorAll(".toc-link").forEach(function (link) {
link.classList.remove("active");
if (link.getAttribute("href") === "#" + currentActive) {
link.classList.add("active");
}
});
});
});
</script>
<link rel="stylesheet" href="/ekolchatbot/assets/widget.css?v=1.6.0.0" />
<div id="ekolchatbot-container"></div>
<script src="/ekolchatbot/assets/widget.js?v=1.6.0.0"></script>
</body>
</html>
