Home page /
Blog /
İzmir SEO için HTML ve meta etiketleri
İzmir SEO
İzmir SEO için HTML ve meta etiketleri
October 14, 2024
9 min read
36 views
İzmir'de SEO için HTML Etiketlerinin Önemi
İzmir'de işletmelerin çevrimiçi görünürlüğünü artırmak için SEO çalışmaları oldukça kritiktir. Bu süreçte HTML etiketleri, web sayfalarının arama motorları tarafından doğru bir şekilde anlaşılmasına yardımcı olur. Başlık etiketleri, açıklama etiketleri ve başlık yapıları gibi HTML etiketlerinin doğru kullanımı, sitenizin sıralamasını ciddi şekilde etkileyebilir.
Arama motorları, bir web sayfasının içeriğini değerlendirmek için meta etiketlerine büyük önem verir. Özellikle meta açıklama etiketi, sayfanızın ne hakkında olduğunu özetler ve kullanıcıların dikkatini çekerek tıklama oranlarını artırır. Bu da İzmir'deki işletmeler için potansiyel müşterilere ulaşmanın kapılarını açar.
Ayrıca, başlık etiketlerinin uygun bir şekilde hiyerarşiye yerleştirilmesi, kullanıcı deneyimini iyileştirir ve sayfanın tarayıcılar tarafından indekslenmesini kolaylaştırır. Sonuç olarak, İzmir SEO için HTML ve meta etiketlerinin kullanımı, çevrimiçi rekabet gücünü artırmanın ve sağlam bir dijital varlık oluşturmanın temel taşlarından biridir.Meta Etiketleri ile İzmir SEO Stratejileri
İzmir'de dijital varlığınızı güçlendirmek ve daha fazla görünürlük elde etmek için İzmir SEO için HTML ve meta etiketleri İzmir SEO için HTML ve meta etiketleri İzmir İçin Etkili Başlık Etiketleri Yazma
Başlık etiketleri, web sayfalarınızın arama motorları tarafından daha iyi anlaşılmasını sağlamak için kritik öneme sahiptir. Özellikle İzmir SEO için HTML ve meta etiketleri İzmir SEO için HTML ve meta etiketleri Anahtar Kelime Araştırması ve HTML Uygulaması
İzmir SEO için HTML ve meta etiketleri , başarılı bir dijital pazarlama stratejisinin temel taşlarını oluşturur. Bu süreçte, ilk adım her zaman doğru anahtar kelimelerin belirlenmesidir. Anahtar kelime araştırması, hedef kitlenizin arama yaptığı terimleri anlamanızı sağlar ve içeriğinizi bu terimlere göre optimize etmenizi kolaylaştırır.
Doğru anahtar kelimeleri bulduktan sonra, bu kelimeleri etkili bir şekilde HTML yapınıza entegre etmelisiniz. Başlık etiketleri (örneğin, ve <h1>), anahtar kelimeleri dahil etmenin harika yollarıdır. Ayrıca, meta açıklama etiketleri de <b>İzmir SEO için HTML ve meta etiketleri</b> arasında önemlidir; çünkü bu açıklamalar arama motorlarında görünen metinleri oluşturur ve tıklanma oranınızı artırabilir.
Sonuç olarak, doğru anahtar kelime araştırması yaparak elde ettiğiniz verileri etkili bir şekilde HTML uygulamaları ile birleştirmek, <b>İzmir SEO için HTML ve meta etiketleri</b> kullanarak web sitenizin görünürlüğünü artırmanıza yardımcı olacaktır.```html
<h2>İzmir Siteleri için Meta Açıklama Tüyoları</h2>
<p><b>İzmir SEO için HTML ve meta etiketleri</b>, web sitenizin arama motorlarındaki görünürlüğünü artırmak için kritik öneme sahiptir. Başarılı bir meta açıklama, kullanıcıların dikkatini çekmekle kalmaz, aynı zamanda tıklama oranlarını da yükseltir. Meta açıklamanızda dikkat çekici, açıklayıcı ve anahtar kelimeleri doğru bir şekilde kullanmanız gerekir. Örneğin, 'İzmir'deki en iyi restoranlar' veya 'İzmir'de gezilecek yerler' gibi spesifik ifadeler, potansiyel ziyaretçilerin ilgisini çekecektir. Kısa, öz ve bilgilendirici bir meta açıklama yazmak, kullanıcıların sitenizi ziyaret etme olasılığını artırır. 150-160 karakter arasında bir uzunluk, arama motorları tarafından görüntülenme açısından en ideal olanıdır. Unutmayın, her bir meta açıklama, benzersiz ve özgün olmalı; böylece kullanıcılar, sitenize yönlendiren bu küçük ama etkili metin sayesinde merak duymalıdır.</p>
```<h2>İçerik Optimizasyonu ve HTML Yapısı</h2>
İçerik optimizasyonu ve HTML yapısı, <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> açısından son derece önemlidir. Doğru bir içerik yapısı, arama motorlarının web sitenizi daha iyi anlamasını sağlar. Bu nedenle, sayfanızda yer alan başlık etiketleri, alt başlıklar ve paragraflar gibi HTML yapı taşlarını dikkatlice düzenlemek gerekmektedir.
Ayrıca, içeriklerinizin anahtar kelime yoğunluğunu optimum seviyede tutarak, hedef kitlenize en iyi şekilde ulaşmanız mümkün olacaktır. <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> kullanırken, bu etiketlerin doğru ve etkili bir şekilde yerleştirilmesi, arama motoru sonuçlarında daha üst sıralarda yer almanızı sağlayacak birçok olumlu etki yaratacaktır.
Unutmayın ki, kaliteli ve ilgi çekici içerik oluşturmak da aynı ölçüde önemlidir. Okuyucuların dikkatini çekecek şekilde yazılmış içerikler, dönüşüm oranlarınızı artırarak, SEO performansınızı güçlendirecektir. Sonuç olarak, <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> kullanımı, içerik optimizasyonu ve HTML yapısıyla bir araya geldiğinde, başarılı bir dijital pazarlama stratejisinin temellerini oluşturacaktır.```html
<h2>Görsel SEO ve HTML Etiketleri</h2>
<p>Görsel SEO, web sitenizin arama motorları tarafından daha iyi anlaşılmasını sağlayarak, görünürlüğünü artıran önemli bir tekniktir. Görseller, bir web sayfasının estetiğini ve kullanıcı deneyimini büyük ölçüde etkiler. Bu yüzden, doğru <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> kullanmak, görsel içeriğinizi optimize etmenin temel taşlarından biridir.</p>
<p>HTML etiketleri, görsellerinizi düzenlemede ve biçimlendirmede kritik bir rol oynar. <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> kullanarak, görsellerinizin yüklenme hızını artırabilir, arama motoru sıralamalarınızı iyileştirebilirsiniz. Özellikle, <b>alt etiketleri</b>, görsellerinizin içeriğini arama motorlarına açık bir şekilde ifade eder. Bu, görsellerinizin arama sonuçlarında görünmesine yardımcı olur ve kullanıcıların ilgisini çeker.</p>
<p>Ayrıca, görsellerinizin dosya adları da önemlidir. Anlamlı ve açıklayıcı dosya adları belirlemek, arama motorlarının görsellerinizi anlamasına yardımcı olur. <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> kullanarak, resimlerinize ilişkin açıklayıcı bilgiler eklemek, sitenizin genel SEO performansını oldukça artırabilir.</p>
<p>Son olarak, görsellerinizi hızlı bir şekilde yüklenir hale getirmek için uygun boyutlandırma ve sıkıştırma yöntemleri uygulamak, kullanıcı deneyimi üzerinde olumlu bir etki bırakır. Bu sayede, ziyaretçiler sitenizde daha uzun zaman geçirebilir ve bu durum da sıralamalarınıza olumlu yansır. Sonuç olarak, <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> ile desteklenmiş etkili görsel SEO uygulamaları, web sitenizin başarısını artırmak adına büyük bir fırsat sunar.</p>
```<h2>Mobil Uyumlu Sayfalar ve SEO Etikleri</h2>
Günümüzde internet kullanıcılarının büyük bir kısmı, web sitelerine mobil cihazları üzerinden erişmektedir. Bu nedenle, mobil uyumlu sayfalar oluşturmak, bir web sitesinin başarısı için kritik bir öneme sahiptir. Mobil uyumlu sayfalar, kullanıcı deneyimini artırarak, ziyaretçilerin sitenizde daha uzun süre kalmasını sağlar. Bu da arama motorları tarafından olumlu bir sinyal olarak algılanır ve sıralamalarınızı yükseltir.
SEO etikleri ise, arama motorlarının kurallarına uygun olarak web sitenizin optimize edilmesini sağlar. Bu kurallar, hem kullanıcı hem de arama motorları için en iyi deneyimi sağlamak üzerine kuruludur. <b><b>İzmir SEO için HTML ve meta etiketleri</b></b>, sayfanızın içeriğini arama motorlarına doğru bir şekilde iletmek için hayati öneme sahiptir. Örneğin, doğru meta etiketleri kullanarak sayfanızın kısa bir tanımını sağlayabilir ve kullanıcıların arama sonuçlarında sitenizi daha kolay bulmasına yardımcı olabilirsiniz.
Mobil uyumlu sayfalar oluştururken, sayfa yüklenme hızını da göz önünde bulundurmalısınız. Hızlı yüklenen sayfalar, hem kullanıcıların memnuniyetini artırır hem de arama motorları tarafından daha iyi değerlendirilmektedir. Ayrıca, web sitenizin tasarımında responsive (duyarlı) bir yapı tercih etmek, farklı cihazlarda en iyi görünümü elde etmenize yardımcı olur.
Sonuç olarak, <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> kullanarak mobil uyumlu sayfalar tasarlamak, hem kullanıcı deneyimini iyileştirir hem de arama motorlarındaki görünürlüğünüzü artırır. Unutulmamalıdır ki, kullanıcılarınızın ihtiyaçlarını göz önünde bulundurmak, SEO çalışmalarınızın en temel taşını oluşturur.<h2>JSON-LD ile Zengin Arama Sonuçları</h2>
<p><b>İzmir SEO için HTML ve meta etiketleri</b> kullanırken, zengin arama sonuçları elde etmenin en etkili yollarından biri JSON-LD'dir. JSON-LD, verilerinizi yapılandırılmış bir biçimde sunmanıza imkan tanır. Bu yapılandırma, arama motorlarının içeriğinizi daha iyi anlamasını sağlar ve böylece kullanıcı arama sonuçlarında daha dikkat çekici bir şekilde görünebilir. Zengin arama sonuçları, genellikle kullanıcıların dikkatini çekecek görseller, derecelendirmeler ve diğer önemli bilgilerle doludur. Bu nedenle, <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> kullanarak sayfanızı optimize ederken, JSON-LD ile bu bilgileri zenginleştirmek büyük bir avantaj sağlar. Örneğin, ürün bilgilerinizi, etkinliklerinizi veya incelemelerinizi doğru bir şekilde yapılandırarak, arama motorları ile olan etkileşiminizi güçlendirebilirsiniz. JSON-LD’nin kullanımı, kullanıcı deneyimini artırmanın yanı sıra, görünürlüğünüzü ve tıklama oranlarınızı da artırabilir. Bu nedenle, <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> hazırlarken, JSON-LD'yi göz önünde bulundurmak oldukça önemlidir.</p>```html
<h2>İzmir SEO İçin Hatalardan Kaçınma Stratejileri</h2>
<p>İzmir’de dijital pazarlama faaliyetlerinizi güçlendirmek için <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> büyük bir öneme sahiptir. Ancak, bu süreçte yapılan küçük hatalar büyük sorunlara yol açabilir. Bu nedenle, başarılı bir SEO stratejisi geliştirmek için dikkat etmeniz gereken bazı önemli noktaları göz önünde bulundurmalısınız.</p>
<p>İlk olarak, anahtar kelimelerin doğru kullanımı oldukça kritik bir noktadır. Anahtar kelimeleri aşırıya kaçmadan ve doğal bir şekilde yerleştirmek, arama motorları tarafından daha iyi anlaşılmanızı sağlar. Özellikle <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> doğru bir şekilde yapılandırılmalıdır. Yanlış yerleştirilmiş etiketler ve gereksiz tekrarlar sizi sıralamalarda aşağıya çekebilir.</p>
<p>Diğer bir dikkat edilmesi gereken husus, içerik kalitesidir. Arama motorları, kullanıcı deneyimini ön planda tutarak faydalı, özgün ve ilgi çekici içerikler sunmanızı bekler. İçeriğiniz ne kadar zengin ve bilgilendirici olursa, kullanıcılar o kadar uzun süre sitede kalır ve bu da SEO performansınızı artırır.</p>
<p>Ayrıca, mobil uyumluluğu ihmal etmemeniz gerekir. Günümüzde kullanıcıların büyük bir çoğunluğu mobil cihazlar üzerinden internete erişmektedir. Bu nedenle, <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> mobil dostu bir yapıda olmalıdır. Aksi takdirde kullanıcı deneyimi olumsuz etkilenir ve sıralamalarınız düşebilir.</p>
<p>Sosyal medya entegrasyonu da unutulmamalıdır. İçeriğinizi sosyal platformlar üzerinden paylaşarak daha geniş kitlelere ulaşabilirsiniz. Bu paylaşımlar sayesinde site trafiğiniz artacak ve arama motorları tarafından daha fazla değer görüleceksiniz. Unutmayın ki, <b><b>İzmir SEO için HTML ve meta etiketleri</b></b> optimizasyonu sadece site içi değil, site dışı stratejileri de içermektedir.</p>
<p>Son olarak, sürekli güncellemeler yapmayı ihmal etmeyin. SEO, dinamik bir alan olduğu için trendleri takip etmek ve stratejinizi buna göre güncellemek oldukça önemlidir. Yukarıda bahsedilen hatalardan kaçındığınız sürece, İzmir’deki dijital varlığınızı güçlendirebilir ve başarılı sonuçlar elde edebilirsiniz.</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=Dijital Pazarlama" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
Dijital Pazarlama
</a>
<a href="/tr/blog?tag=Arama Motoru Optimizasyonu" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
Arama Motoru Optimizasyonu
</a>
<a href="/tr/blog?tag=İzmir Web Tasarımı" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
İzmir Web Tasarımı
</a>
<a href="/tr/blog?tag=Yerel SEO Stratejileri" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
Yerel SEO Stratejileri
</a>
<a href="/tr/blog?tag=İzmir SEO" class="px-3 py-1.5 glass-card text-sm text-gray-400 hover:text-white transition-colors rounded-lg">
İzmir SEO
</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%2Fizmir-seo-icin-html-ve-meta-etiketleri&text=%C4%B0zmir%20SEO%20i%C3%A7in%20HTML%20ve%20meta%20etiketleri" 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%2Fizmir-seo-icin-html-ve-meta-etiketleri" 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%2Fizmir-seo-icin-html-ve-meta-etiketleri" 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=%C4%B0zmir%20SEO%20i%C3%A7in%20HTML%20ve%20meta%20etiketleri&body=https%3A%2F%2Fekolsoft.com%2Ftr%2Fb%2Fizmir-seo-icin-html-ve-meta-etiketleri" 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>
