Yapay Zeka Optimizasyonu (AIO) Nedir? Web Tasarımda Hassasiyetimiz
Bu içerik Web Tasarım çalışmalarımızın genel prensiplerini anlatmak üzerinedir.
Yapay Zeka Optimizasyonu (AIO) nedir? En kısa yanıt: içeriğinizi, yanıt üreten yapay zekaların okuyup anlayabileceği ve kaynak gösterebileceği biçimde hazırlamaktır. Bugün bir web sitesi yalnızca insanlar tarafından değil, ChatGPT, Gemini, Claude ve Perplexity gibi motorlar tarafından da okunuyor. Biz her projeyi, bu iki kitlenin de sizi kolayca anlayıp güvenebileceği şekilde kurguluyoruz.
Bu rehber, AIO'yu tanımdan uygulamaya kadar Türkçe'deki en kapsamlı kaynaklardan biri olacak şekilde hazırlandı. Klasik SEO sizi Google'da üst sıraya taşır; AIO ise yapay zekanın verdiği yanıtın içine taşır. İkisi rakip değil, aynı sağlam web tasarımı temeli üzerinde yükselen tamamlayıcılardır.
AIO Nedir? Yapay Zeka Optimizasyonunun Tanımı
Yapay Zeka Optimizasyonu (AIO), uluslararası literatürde GEO (Generative Engine Optimization) olarak da geçer. İçeriğinizi; ChatGPT, Gemini, Claude ve Perplexity gibi üretken yapay zeka motorlarının okuyabileceği, anlayabileceği ve yanıtlarında kaynak olarak gösterebileceği biçimde hazırlama disiplinidir.
Geleneksel aramada kullanıcı bir sorgu yazar, on mavi bağlantı görür ve birine tıklar. Üretken yapay zekada ise kullanıcı doğrudan bir soru sorar ve tek, bütünleşik bir yanıt alır. Bu yanıtın içinde markanızın adının, ürününüzün ya da makalenizin geçmesi; sizi sıradan bir arama sonucu olmaktan çıkarıp güvenilen bir öneri hâline getirir. AIO'nun amacı tam olarak budur: yapay zeka bir öneri yaparken sizi seçmesini sağlamak.
AIO yeni bir kavram gibi görünse de temeli tanıdıktır: net, doğru, yapılandırılmış ve erişilebilir içerik. Fark şu ki artık bu içeriği değerlendiren tek taraf insanlar değil; onların adına özet çıkaran, karşılaştıran ve öneren yapay zeka modelleridir.
AIO, SEO ve AEO: Farkları ve İlişkisi
Bu üç disiplin sık karıştırılır. Aslında birbirinin yerine geçmez; aynı sağlam web temeli üzerinde farklı yüzeylere odaklanırlar.
| Boyut | SEO | AEO | AIO / GEO |
|---|---|---|---|
| Hedef yüzey | Arama motoru sonuç sayfası | Öne çıkan snippet, sesli yanıt | Üretken yapay zeka yanıtı |
| Çıktı | Sıralanmış bağlantılar | Tek doğrudan yanıt | Sentezlenmiş, kaynaklı yanıt |
| Kullanıcı eylemi | Tıklar | Çoğu zaman tıklamaz | Genelde hiç tıklamaz |
| Anahtar sinyal | Backlink, anahtar kelime | Soru-yanıt netliği | Yapısal veri, otorite, alıntılanabilirlik |
| Örnek | Google ilk sayfa | Google öne çıkan kutu | ChatGPT, Gemini, Perplexity yanıtı |
Kısaca: SEO görünür olmayı, AEO doğrudan yanıtlanmayı, AIO ise yapay zekanın ürettiği yanıtın bir parçası olmayı hedefler. Üçü birlikte çalıştığında markanız hem arama motorlarında hem de yapay zeka asistanlarında görünür olur.
Yapay Zeka Aramasının Yükselişi: 2020'den 2026'ya
AIO'nun neden bu kadar hızlı önem kazandığını anlamak için son altı yıla bakmak yeterli. Her dönüm noktası bir öncekinin üzerine kuruldu.
GPT-3 ve büyük dil modelleri
→ Büyük dil modelleri API ile erişilebilir hale gelir; üretken metnin temeli atılır.
ChatGPT yayınlanır
→ İki ayda 100 milyon kullanıcı. Üretken yapay zeka ana akıma girer.
Bing Chat ve Google Bard
→ Arama motorları yapay zeka yanıtlarını entegre etmeye başlar.
Perplexity ve yanıt motoru kavramı
→ Kaynak gösteren yapay zeka aramaları popülerleşir; alıntılanabilirlik değer kazanır.
AI tarayıcıları ve llms.txt
→ GPTBot, Google-Extended ve ClaudeBot yaygınlaşır; site sahipleri erişimi robots.txt ile yönetmeye başlar. llms.txt önerisi ortaya çıkar.
Google AI Overviews
→ Google arama sonuçlarının üstüne yapay zeka özetleri yerleştirir; tıklamasız arama hızlanır.
ChatGPT Search ve Gemini entegrasyonu
→ Yapay zeka asistanları gerçek zamanlı web aramasıyla birleşir. AIO/GEO bağımsız bir disiplin haline gelir.
AIO standart hale gelir
→ Yapay zeka aramaları klasik aramayla yarışır. Hitit Medya her web tasarım projesinde AIO'yu standart teslimatın parçası yapar.
Yapay Zeka İçeriğinizi Nasıl Bulur ve Alıntılar?
Bir yapay zekanın sizi önermesi için önce içeriğinizi bulması, sonra güvenmesi gerekir. Bu iki aşamalı bir süreçtir:
1. Eğitim verisi: Modeller, geçmiş bir tarihe kadar taranmış devasa web verisiyle eğitilir. İçeriğiniz bu veride güçlü, tutarlı ve sık atıf alan bir kaynaksa, model onu "bilir". Bu, uzun vadeli otorite çalışmasının karşılığıdır.
2. Gerçek zamanlı erişim (RAG): ChatGPT Search, Perplexity ve Gemini gibi sistemler, soru anında web'i tarayıp en alakalı ve güvenilir sayfaları getirir, ardından yanıtı bu kaynaklara dayandırır. Buna retrieval-augmented generation (RAG) denir. İşte AIO'nun en hızlı etki ettiği yer burasıdır: teknik olarak erişilebilir, net ve güncel içerik, anında alıntılanabilir.
Her iki yolda da modelin sizi seçmesi için içeriğinizin dört özelliğe sahip olması gerekir: ulaşılabilir, anlaşılır, güvenilir ve alıntılanabilir. Aşağıdaki bölümler bu dört özelliği tek tek nasıl sağladığımızı anlatıyor.
AIO'nun 8 Temel Bileşeni
Yapay zeka optimizasyonu tek bir hile değil, birbirini tamamlayan sekiz disiplinin bütünüdür.
Erişilebilirlik Crawl
AI tarayıcılarının içeriğe ulaşabilmesi; robots.txt ve sunucu erişimi.
Erişemediği içeriği hiçbir model öneremez.
Yapısal Veri schema.org
JSON-LD işaretlemeleri bağlamı makineye doğrudan anlatır.
Model tahmin etmez, doğrudan anlar.
İçerik Netliği
Kısa cümleler, doğrudan tanımlar, net başlık hiyerarşisi.
En açık ifade edilen bilgi alıntılanır.
Alıntılanabilirlik
Liste, tablo, istatistik ve soru-yanıt formatı.
Yapay zeka kopyalaması kolay içeriği tercih eder.
Otorite E-E-A-T
Deneyim, uzmanlık, yetkinlik ve güvenilirlik sinyalleri.
Modeller güvendikleri kaynakları öne çıkarır.
Tazelik
Güncel tarih, düzenli güncelleme, yeni veriler.
Yapay zekada güncel içeriğe güçlü bir öncelik vardır.
llms.txt
Yapay zekalara önemli içeriği özetleyen kök dizin dosyası.
Modellere açık bir yol haritası sunar.
Teknik Sağlık
Sunucu tarafı render, hız, semantik HTML, çok dillilik.
JavaScript ardına gizlenen içeriği model çoğu zaman göremez.
Yapay Zeka Tarayıcılarına Erişim: robots.txt ve Cloudflare
AIO'nun birinci kuralı basittir: yapay zeka içeriğinize erişebilmelidir. Birçok site, bot trafiğini kısmak isterken yapay zeka tarayıcılarını da farkında olmadan engeller. Aşağıda en yaygın yapay zeka tarayıcıları yer alıyor:
| Tarayıcı | Sahibi | Amacı |
|---|---|---|
| GPTBot | OpenAI | ChatGPT için eğitim ve erişim |
| OAI-SearchBot | OpenAI | ChatGPT Search yanıtları |
| ClaudeBot | Anthropic | Claude için tarama |
| PerplexityBot | Perplexity | Perplexity yanıtları |
| Google-Extended | Gemini ve Vertex AI | |
| Bingbot | Microsoft | Bing ve Copilot |
İçeriğinizin yapay zekalar tarafından okunmasını istiyorsanız, bu tarayıcılara robots.txt üzerinden açıkça izin verin. Biz bu yapılandırmayı Cloudflare üzerinden de doğrularız:
# Yapay zeka tarayicilarina izin ver
User-agent: GPTBot
Allow: /
User-agent: OAI-SearchBot
Allow: /
User-agent: ClaudeBot
Allow: /
User-agent: PerplexityBot
Allow: /
User-agent: Google-Extended
Allow: /
Sitemap: https://siteniz.com/sitemap.xml
Önemli: Erişime izin vermek bir tercihtir. Bazı markalar içeriğinin eğitimde kullanılmasını istemeyebilir. Strateji, marka hedeflerinize göre kurulur; biz her iki senaryoyu da net biçimde yapılandırırız.
llms.txt: Yapay Zekalara Yol Haritası
llms.txt, sitenizin kök dizinine eklenen sade bir Markdown dosyasıdır. Yapay zekalara sitenizin ne olduğunu, hangi içeriğin önemli olduğunu ve nasıl yorumlanması gerektiğini özetler. robots.txt erişimi yönetirken, llms.txt anlamı yönetir.
# Hitit Medya
> Istanbul merkezli web tasarim ve dijital pazarlama ajansi.
> Next.js tabanli, SEO ve AIO uyumlu web siteleri uretir.
## Onemli Sayfalar
- [Web Tasarim Nedir](/tr/blog/web-tasarim-nedir): Kapsamli web tasarim rehberi
- [Yapay Zeka Optimizasyonu](/tr/blog/yapay-zeka-optimizasyonu-aio): AIO/GEO rehberi
- [Cozumler](/tr/cozumler): Sundugumuz hizmetler
## Iletisim
- [Iletisim](/tr/iletisim)
Kendi llms.txt dosyanızı ücretsiz llms.txt oluşturma aracımızla saniyeler içinde hazırlayabilirsiniz.
Yapısal Veri ve schema.org (JSON-LD)
Yapısal veri, sayfanızın anlamını makineye doğrudan söyler. Bir model "bu sayfa ne hakkında?" diye tahmin etmek yerine, JSON-LD işaretlemesini okuyup kesin yanıtı alır. AIO için en değerli schema.org tipleri:
- Article / BlogPosting: Makaleler, yazar, yayın tarihi.
- FAQPage: Soru-yanıt blokları, yapay zeka yanıtlarında en sık alıntılananlardan.
- HowTo: Adım adım rehberler.
- Organization ve Author: Marka ve yazar otoritesi (E-E-A-T).
- Product, Review, BreadcrumbList: Ürün, değerlendirme ve site yapısı.
Örnek bir FAQ işaretlemesi şöyle görünür ve sayfanın baş bölümüne eklenir:
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Yapay Zeka Optimizasyonu (AIO) nedir?",
"acceptedAnswer": {
"@type": "Answer",
"text": "AIO, iceriginizi uretken yapay zeka motorlarinin okuyup kaynak gosterebilecegi bicimde hazirlama disiplinidir."
}
}]
}
Hitit Medya'da her web tasarım projesinde Article, FAQPage, Organization ve BreadcrumbList işaretlemeleri standart olarak gelir.
Alıntılanabilir İçerik Nasıl Yazılır?
Yapay zeka, kopyalaması ve doğrulaması kolay olan içeriği tercih eder. Araştırmalar, yapısal liste, istatistik ve doğrudan tanım içeren sayfaların yapay zeka yanıtlarında belirgin biçimde daha sık alıntılandığını gösteriyor. Pratik kurallarımız:
- Soruyu hemen yanıtla: Başlığın hemen altında net, tek cümlelik bir tanım ver.
- Listeler ve tablolar kullan: Yapay zeka adımları ve karşılaştırmaları kolay ayıklar.
- Sayı ve kaynak ekle: İstatistik ve atıf, güven ve alıntılanabilirlik kazandırır.
- Tek bir fikir, tek bir paragraf: Uzun, dolambaçlı cümlelerden kaçın.
- Soru-yanıt blokları (SSS): Doğal dildeki sorulara birebir yanıt ver.
- Tutarlı terminoloji: Aynı kavramı her yerde aynı kelimeyle anlat.
Web Tasarım Çalışmalarımızda Yapay Zeka Optimizasyonu (AIO) Hassasiyetimiz
Web tasarım sürecimizin her aşamasında, içeriğinizin yapay zeka motorları tarafından doğru okunup doğru aktarılması için somut adımlar atıyoruz. Hassasiyetimizin beş temel başlığı:
Cloudflare'de AI Erişimi
GPTBot, ClaudeBot, PerplexityBot ve Google-Extended tarayıcılarına erişimi bilinçli olarak açarız.
İçeriğinizin okunmasını güvence altına alırız.
Zengin Anlamsal Etiketleme
schema.org / JSON-LD, semantik HTML5 ve açıklayıcı meta veriler.
Model sayfanızı tahmin etmez, doğrudan anlar.
llms.txt
Yapay zekalara hangi içeriğin önemli olduğunu özetleyen dosya.
Öne çıkmasını istediğiniz sayfalar netleşir.
Net ve Anlaşılır Dil
Kısa cümleler, doğrudan ifadeler, net tanımlar.
En açık bilgiyi yapay zeka alıntılar.
Bitmiş Sitede AIO Testi
Yayındaki gerçek site üzerinden baştan sona test.
Dört motorda görünürlüğü ve doğru alıntılanmayı ölçeriz.
AIO standart olarak gelir
Hitit Medya'da yapay zeka optimizasyonu sonradan eklenen bir paket değildir. AI tarayıcı erişimi, yapısal veri, llms.txt ve net içerik dili her projede standart teslimatın parçasıdır. Böylece siteniz hem insanlara hem de onları yönlendiren yapay zekalara aynı netlikte konuşur.
- AI tarayıcı erişimi (Cloudflare)
- schema.org / JSON-LD yapısal veri
- llms.txt ve semantik HTML
4 motorda test: İçeriğinizi ChatGPT, Gemini, Claude ve Perplexity üzerinde sınar, yanıtlarda doğru göründüğünüzden emin oluruz.
AIO Metodolojimiz: 6 Aşama
Her projede yapay zeka optimizasyonunu öngörülebilir ve ölçülebilir bir sürece bağlarız:
- Denetim: Mevcut sitenin yapay zeka tarafından okunabilirliğini analiz ederiz; erişim, yapısal veri ve içerik netliği taranır.
- Erişim: robots.txt ve Cloudflare yapılandırmasıyla AI tarayıcılarına erişimi açar veya stratejiye göre yönetiriz.
- Yapılandırma: schema.org / JSON-LD işaretlemeleri, semantik HTML ve llms.txt eklenir.
- İçerik: Metinler net, doğrudan ve alıntılanabilir biçimde yeniden düzenlenir; SSS blokları eklenir.
- Test: Yayındaki site ChatGPT, Gemini, Claude ve Perplexity üzerinde sınanır; görünürlük ölçülür.
- İzleme: Yapay zeka görünürlüğü ve doğru alıntılanma düzenli olarak takip edilir, içerik tazelenir.
Sayılarla Yapay Zeka Araması
Arama davranışı değişiyor: kullanıcılar giderek daha sık, bir bağlantıya tıklamak yerine doğrudan yapay zekadan yanıt alıyor.
~%60
Google aramalarının tıklamasız (zero-click) sonuçlanma oranı.
SparkToro / Similarweb 2024
800M+
ChatGPT'nin haftalık aktif kullanıcı sayısı.
OpenAI 2025
+%40
yapısal veri, liste ve istatistikle AI yanıtlarında görünürlük artışı.
GEO araştırmaları
4
içeriğinizi okuyan büyük üretken motor: ChatGPT, Gemini, Claude, Perplexity.
Hitit Medya AIO testi
Sık Yapılan AIO Hataları
En kötü AIO hataları çoğu zaman fark edilmeden yapılır. En sık karşılaştıklarımız ve doğrusu:
robots.txt veya güvenlik duvarı GPTBot'u kapatır; içerik hiç okunmaz.
Tarayıcılara açıkça izin verin, erişimi bilinçli yönetin.
İçerik tarayıcıda sonradan yüklenir; çoğu model boş sayfa görür.
Sunucu tarafı render (SSR) ile içeriği HTML'de sunun.
Model bağlamı tahmin etmek zorunda kalır, hata yapar.
schema.org / JSON-LD ile anlamı netleştirin.
Uzun ve muğlak cümleler alıntılanmaz.
Kısa, doğrudan ve tanım odaklı yazın.
Tazeliğe öncelik veren modeller eski içeriği geride bırakır.
İçeriği düzenli güncelleyin, tarih ve verileri tazeleyin.
Sektörlere Göre AIO
Yapay zeka optimizasyonu her sektörde işe yarar, ancak vurgu değişir:
- E-ticaret: Ürün schema'sı, net fiyat ve stok bilgisi, karşılaştırma tabloları. Yapay zeka ürün önerirken sizi seçer.
- Hizmet ve yerel işletme: LocalBusiness schema, SSS blokları, hizmet tanımları. "Şehrimde en iyi..." sorularında görünürlük.
- Sağlık turizmi: Çok dilli yapı, akreditasyon ve güven sinyalleri, doğrulanabilir bilgi.
- İhracat ve B2B: Uluslararası dil desteği, teknik dokümantasyon, otorite içeriği.
- Yayıncılık ve blog: Article ve FAQPage schema, yazar otoritesi, alıntılanabilir özetler.
AIO Sözlüğü: Temel Terimler
| Terim | Açıklama |
|---|---|
| AIO | Yapay Zeka Optimizasyonu; içeriği yapay zekaların okuyup alıntılayabileceği biçimde hazırlama. |
| GEO | Generative Engine Optimization; AIO'nun uluslararası karşılığı. |
| AEO | Answer Engine Optimization; doğrudan yanıt ve snippet odaklı optimizasyon. |
| RAG | Retrieval-Augmented Generation; modelin yanıt anında web'den kaynak getirmesi. |
| Grounding | Yanıtın güvenilir kaynaklara dayandırılması. |
| Zero-click | Kullanıcının hiçbir bağlantıya tıklamadan yanıt aldığı arama. |
| E-E-A-T | Deneyim, Uzmanlık, Yetkinlik ve Güvenilirlik; içerik kalitesi sinyalleri. |
| llms.txt | Yapay zekalara içerik rehberi sunan kök dizin dosyası. |
| Hallüsinasyon | Yapay zekanın gerçek olmayan bilgi üretmesi; net kaynak bunu azaltır. |
| GPTBot | OpenAI'nin içerik tarayan botu. |
llms.txt dosyanızı saniyeler içinde oluşturun
Yapay zeka optimizasyonuna ilk adım, içeriğinizin okunabilir ve net olmasıdır. Ücretsiz araçlarımızla sitenizin AIO ve SEO hazırlığını hemen ölçün.
Tüm araçlar ücretsizdir, kayıt veya kredi kartı gerekmez.
Sonuç: AIO Artık Tercih Değil, Gereklilik
Yapay zeka araması, klasik aramanın yerini almıyor; ona yeni bir katman ekliyor. Kullanıcı artık sizi yalnızca Google'da değil, ChatGPT'ye sorduğunda da arıyor. Bu iki dünyada da görünür olmanın yolu aynı sağlam temelden geçer: erişilebilir, net, yapılandırılmış ve güvenilir bir web sitesi.
Hitit Medya olarak web tasarımı, hem insanlar hem de onları yönlendiren yapay zekalar için kuruyoruz. AIO bizim için ek bir hizmet değil, her projenin doğal parçası. Markanızın yapay zeka çağında da önerilen taraf olmasını istiyorsanız:
- Bizimle iletişime geçin. Sitenizin AIO hazırlığını birlikte değerlendirelim.
- Web tasarım yaklaşımımızı inceleyin. AIO'nun üzerine kurulduğu temeli görün.
Hitit Medya. Geçmişten Güç Alır, Geleceği Tasarlar.
Kaynaklar ve Referanslar
SSS: Yapay Zeka Optimizasyonu
Yapay zeka optimizasyonu (AIO) hakkında en çok sorulan sorular. Her yanıt, Hitit Medya'nın gerçek web tasarım süreç ve teslimat standartlarına dayanır.
01Yapay Zeka Optimizasyonu (AIO) nedir?
AIO (Yapay Zeka Optimizasyonu), uluslararası literatürde GEO olarak da bilinir. İçeriğinizi ChatGPT, Gemini, Claude ve Perplexity gibi üretken yapay zeka motorlarının okuyabileceği, anlayabileceği ve yanıtlarında kaynak gösterebileceği biçimde hazırlama disiplinidir. Amaç, markanızın yapay zeka yanıtlarında güvenilir bir öneri olarak yer almasıdır.
02AIO ile SEO arasındaki fark nedir?
SEO, web sitenizi Google gibi arama motorlarında üst sıralara taşımayı hedefler ve kullanıcı bir bağlantıya tıklar. AIO ise içeriğinizi yapay zekaların doğrudan ürettiği yanıtlara taşır; kullanıcı çoğu zaman hiçbir bağlantıya tıklamadan markanızı duyar.
03Hitit Medya web tasarım projelerinde AIO için ne yapar?
Cloudflare üzerinden yapay zeka tarayıcılarına erişim açarız, her sayfaya schema.org/JSON-LD yapısal verisi ve semantik etiketler ekleriz, siteye llms.txt dosyası koyarız, içeriği net ve doğrudan bir dille yazarız ve proje bittiğinde yayındaki site üzerinden ChatGPT, Gemini, Claude ve Perplexity'de AIO testi yaparız.
04llms.txt nedir ve neden gereklidir?
llms.txt, sitenizin kök dizinine eklenen ve yapay zekalara hangi içeriğin önemli olduğunu, nasıl yorumlanması gerektiğini özetleyen bir Markdown dosyasıdır. Yapay zeka motorlarının içeriğinizi daha doğru anlamasına yardımcı olur.
05AIO sonuç vermeye ne zaman başlar?
Gerçek zamanlı erişim kullanan motorlarda (Perplexity, ChatGPT Search) teknik düzenlemeler haftalar içinde etki edebilir. Eğitim verisine bağlı genel "bilinirlik" ise daha uzun, otoriteye dayalı bir süreçtir. AIO sürekli bir çalışmadır, tek seferlik bir ayar değildir.
06Yapay zeka tarayıcılarını engellemeli miyim?
Bu bir strateji kararıdır. Görünürlük istiyorsanız erişime izin verirsiniz; içeriğinizin eğitimde kullanılmasını istemiyorsanız belirli botları kısıtlayabilirsiniz. Biz iki senaryoyu da robots.txt ve Cloudflare ile net biçimde yapılandırırız.
07AIO için hangi yapısal veri tipleri önemli?
En değerlileri Article/BlogPosting, FAQPage, HowTo, Organization, Author, Product ve BreadcrumbList'tir. FAQPage işaretlemesi, soru-yanıt formatı sayesinde yapay zeka yanıtlarında en sık alıntılananlardan biridir.
08AIO performansı nasıl ölçülür?
ChatGPT, Gemini, Claude ve Perplexity'ye markanızla ve sektörünüzle ilgili sorular sorulur; yanıtlarda görünüp görünmediğiniz, doğru alıntılanıp alıntılanmadığınız izlenir. Biz bu testi yayındaki gerçek site üzerinden yapar ve düzenli olarak tekrarlarız.
09Mevcut sitemde AIO uygulanabilir mi?
Evet. Erişim ayarları, yapısal veri, llms.txt ve içerik netliği çoğu sağlam altyapı üzerine eklenebilir. Yalnızca JavaScript ile yüklenen, sunucu tarafı render olmayan sitelerde önce teknik temelin güçlendirilmesi gerekebilir.
10AIO, SEO çalışmamı boşa mı çıkarır?
Hayır, tam tersi. AIO ve SEO aynı temeli paylaşır: net, hızlı, yapılandırılmış ve güvenilir içerik. İyi bir SEO altyapısı, AIO için en güçlü başlangıç noktasıdır. İkisini tek bir web tasarım stratejisi altında birleştiririz.