İçerik Tablosu

Önerilenler Minimum

<metacharset="utf-8"><metahttp-equiv="x-ua-compatible"content="ie=edge"><metaname="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- Yukarıdaki 3 meta etiketi head bölümü içerisinde *ilk sırada* konumlanmalıdır; diğer head içerikleri bu etiketlerin *ardından* yerleştirilmelidir --><title>Sayfa Başlığı</title>

Elementler

<!-- Doküman Başlığı --><title>Sayfa Başlığı</title><!-- Base URL doküman içerisinde ilişkisel olarak girilmiş bağlantılar(relative path) için başlangıç noktası oluşturur --><basehref="https://example.com/page.html"><!-- Harici CSS --><linkrel="stylesheet"href="styles.css"><!-- Doküman içi CSS --><style>/* ... */</style><!-- JavaScript --><scriptsrc="script.js"></script><noscript><!--JS olmaması halinde--></noscript>

Meta

<metacharset="utf-8"><!-- Doküman için karakter kodlaması belirler --><metahttp-equiv="x-ua-compatible"content="ie=edge"><metaname="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- Yukarıdaki 3 meta etiketi head bölümü içerisinde *ilk sırada* konumlanmalıdır; diğer head içerikleri bu taglerin *ardından* yerleştirilmelidir --><!-- Kaynakların nereden yükleneceğini kontrol eder --><metahttp-equiv="Content-Security-Policy"content="default-src 'self'"><!-- Doküman içerisinde olabildiğince önce konumlandırın --><!-- Sadece bu etiketin altındaki içeriğe etki eder --><!-- Web uygulamasının adı (yalnızca web sayfası bir uygulamaysa kullanılmalı.) --><metaname="application-name"content="Application Name"><!-- Sayfanın kısa açıklaması (150 karakter ile sınırlıdır) --><!-- *Bazı* durumlarda, bu açıklama arama sonuçları içerisinde sayfadan bir kesit olarak kullanılır --><metaname="description"content="A description of the page"><!-- Arama motorunun gezinme ve indeksleme davranışını belirler  --><metaname="robots"content="index,follow,noodp"><!-- Bütün Arama Motorları --><metaname="googlebot"content="index,follow"><!-- Google'a özgül --><!-- Google'a sitelinks search boxı göstermemesini belirtir --><metaname="google"content="nositelinkssearchbox"><!-- Google'a bu sayfa için bir çeviri sağlamamasını belirtir --><metaname="google"content="notranslate"><!-- Google Search Console için site sahipliğini doğrular --><metaname="google-site-verification"content="verification_token"><!-- Yandex Webmasters için site sahipliğini doğrular --><metaname="yandex-verification"content="verification_token"><!-- Bing Webmaster Center için site sahipliğini doğrular --><metaname="msvalidate.01"content="verification_token"><!-- Alexa Console için site sahipliğini doğrular --><metaname="alexaVerifyID"content="verification_token"><!-- Pinterest Console için site sahipliğini doğrular --><metaname="p:domain_verify"content="code from pinterest"><!-- Norton Safe Web için site sahipliğini doğrular --><metaname="norton-safeweb-site-verification"content="norton code"><!-- Web sitesini oluşturmak için kullanılan araç (örnek - WordPress, Dreamweaver) --><metaname="generator"content="program"><!-- Web sitenin konusunu ifade eden kısa açıklama --><metaname="subject"content="your website's subject"><!-- Web site içeriğinin hitap ettiği kitleyi belirtir --><metaname="rating"content="General"><!-- Kaynak(referrer) bilgisinin nasıl iletileceğini belirtir --><metaname="referrer"content="no-referrer"><!-- Uygun telefon numaraları için otomatik algılamayı ve biçimlendirmeyi iptal eder --><metaname="format-detection"content="telephone=no"><!-- DNS ön tanımını tümden iptal eder --><metahttp-equiv="x-dns-prefetch-control"content="off"><!-- Tarayıcı tarafında kullanıcı ile ilgili çerez(cookie) oluşturmayı sağlar --><metahttp-equiv="set-cookie"content="name=value; expires=date; path=url"><!-- Sayfanın spesifik bir çerçeve içerisinde açılması durumunu belirler  --><metahttp-equiv="Window-Target"content="_value"><!-- Coğrafi etiketler --><metaname="ICBM"content="latitude, longitude"><metaname="geo.position"content="latitude;longitude"><metaname="geo.region"content="country[-state]"><!-- Ülke kodu (ISO 3166-1): zorunlu, bölge kodu (ISO 3166-2): tercihen; örn. content="US" / content="US-NY" --><metaname="geo.placename"content="city/town"><!-- örn. content="New York City" -->

Link

<!-- CSS stil dosyasını işaret eder --><linkrel="stylesheet"href="https://example.com/styles.css"><!-- Yinelenen içerik sorunlarını önlemeye yardımcı olur --><linkrel="canonical"href="https://example.com/2010/06/9-things-to-do-before-entering-social-media.html"><!-- İkon bağlantısından önce eklenirdi, ancak kullanımdan kaldırıldı --><linkrel="shortlink"href="https://example.com/?p=42"><!--Mevcut sayfanın AMP HTML versiyonuna ait linki belirtir --><linkrel="amphtml"href="https://example.com/path/to/amp-version.html"><!-- Web uygulamaları için "kurulum" kimlik bilgilerini belirten bir JSON dosyasını tanımlar --><linkrel="manifest"href="manifest.json"><!-- Belgenin yaratıcısını belirtir --><linkrel="author"href="humans.txt"><!-- Telif hakkı bilidirimini açıklayan bağlantıyı işaret eder --><linkrel="license"href="copyright.html"><!-- Belgenin başka bir dildeki bağlantısına refere eder --><linkrel="alternate"href="https://es.example.com/"hreflang="es"><!-- Yaratıcı veya başka biri hakkında bilgi verir  --><linkrel="me"href="https://google.com/profiles/thenextweb"type="text/html"><linkrel="me"href="mailto:name@example.com"><linkrel="me"href="sms:+15035550125"><!-- Dokümansal, kayıtsal veya tarihsel yönden ilişkisel olan bir koleksiyona işaret eder --><linkrel="archives"href="https://example.com/2003/05/"><!-- Bir hiyerarşik yapı içerisinde en üst seviyedeki kaynağa işaret eder --><linkrel="index"href="https://example.com/"><!-- Kendine referans verir - doküman birden fazla referansa sahip olduğunda faydalıdır --><linkrel="self"type="application/atom+xml"href="https://example.com/atomFeed.php?page=3"><!-- Bir dizi belgede sırasıyla ilk, bir sonraki, bir önceki ve son sıradaki belgeleri işaret eder --><linkrel="first"href="https://example.com/atomFeed.php"><linkrel="next"href="https://example.com/atomFeed.php?page=4"><linkrel="prev"href="https://example.com/atomFeed.php?page=2"><linkrel="last"href="https://example.com/atomFeed.php?page=147"><!-- Üçüncü taraf servislerden blog hizmeti sağlandığında kullanılır  --><linkrel="EditURI"href="https://example.com/xmlrpc.php?rsd"type="application/rsd+xml"title="RSD"><!-- Başka bir WordPress gönderisi sizin blogunuza veya gönderinize bağlantı verdiğinde otomatik bir ping oluşturur --><linkrel="pingback"href="https://example.com/xmlrpc.php"><!-- Başka bir web sayfası sizin sayfanıza bağlantı verdiğinde bilgilendirdiği bağlantıyı işaret eder --><linkrel="webmention"href="https://example.com/webmention"><!-- Harici bir HTML belgesini mevcut olan HTML belgesine dahil eder --><linkrel="import"href="/path/to/component.html"><!-- Open Search --><linkrel="search"href="/open-search.xml"type="application/opensearchdescription+xml"title="Search Title"><!-- Akışlar --><linkrel="alternate"href="https://feeds.feedburner.com/example"type="application/rss+xml"title="RSS"><linkrel="alternate"href="https://example.com/feed.atom"type="application/atom+xml"title="Atom 0.3"><!-- Prefetching, preloading, prebrowsing --><linkrel="dns-prefetch"href="//example.com/"><linkrel="preconnect"href="https://www.example.com/"><linkrel="prefetch"href="https://www.example.com/"><linkrel="prerender"href="https://example.com/"><linkrel="preload"href="image.png"as="image"><!-- Detaylı bilgi: https://css-tricks.com/prefetching-preloading-prebrowsing/ -->

Favori Simgeleri

<!-- IE 10 ve altı için --><!-- favicon.ico isminde bir dosyayı kök dizinine yerleştirin - element gerekli değil --><!-- IE 11, Chrome, Firefox, Safari, Opera için --><linkrel="icon"type="image/png"sizes="16x16"href="/path/to/favicon-16x16.png"><linkrel="icon"type="image/png"sizes="32x32"href="/path/to/favicon-32x32.png"><linkrel="icon"type="image/png"sizes="96x96"href="/path/to/favicon-96x96.png">

Sosyal

Facebook Open Graph

<metaproperty="fb:app_id"content="123456789"><metaproperty="og:url"content="https://example.com/page.html"><metaproperty="og:type"content="website"><metaproperty="og:title"content="Content Title"><metaproperty="og:image"content="https://example.com/image.jpg"><metaproperty="og:description"content="Description Here"><metaproperty="og:site_name"content="Site Name"><metaproperty="og:locale"content="en_US"><metaproperty="article:author"content="">

Facebook Instant Articles

<metacharset="utf-8"><metaproperty="op:markup_version"content="v1.0"><!-- Makalenizin web versiyonunun bağlantısı --><linkrel="canonical"href="http://example.com/article.html"><!-- Mevcut makale için kullanılacak stil --><metaproperty="fb:article_style"content="myarticlestyle">

Twitter Cards

<metaname="twitter:card"content="summary"><metaname="twitter:site"content="@site_account"><metaname="twitter:creator"content="@individual_account"><metaname="twitter:url"content="https://example.com/page.html"><metaname="twitter:title"content="Content Title"><metaname="twitter:description"content="Content description less than 200 characters"><metaname="twitter:image"content="https://example.com/image.jpg">

Google+ / Schema.org

<linkhref="https://plus.google.com/+YourPage"rel="publisher"><metaitemprop="name"content="Content Title"><metaitemprop="description"content="Content description less than 200 characters"><metaitemprop="image"content="https://example.com/image.jpg">

Pinterest

<metaname="pinterest"content="nopin"description="Üzgümüm, benim sitemden kaydedemezsiniz!">

OEmbed

<linkrel="alternate"type="application/json+oembed"href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=json"title="oEmbed Profile: JSON"><linkrel="alternate"type="text/xml+oembed"href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=xml"title="oEmbed Profile: XML">

Tarayıcılar / Platformlar

Apple iOS

<!-- Smart App Banner --><metaname="apple-itunes-app"content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT"><!-- Uygun telefon numaraları için otomatik algılamayı ve biçimlendirmeyi iptal eder --><metaname="format-detection"content="telephone=no"><!-- Ana Ekran'a ekle --><metaname="apple-mobile-web-app-capable"content="yes"><metaname="apple-mobile-web-app-status-bar-style"content="black"><metaname="apple-mobile-web-app-title"content="Uygulama Başlığı"><!-- Touch İkonlar --><!-- Birçok durum için head alanında bir 180×180px touch simge yeterli --><linkrel="apple-touch-icon"href="/path/to/apple-touch-icon.png"><!-- Not: iOS 7 Safari, sembollere efekt eklemez. --><!-- Safari'nin önceki versiyonları "-precomposed.png" son eke sahip sembollere efekt eklemez. --><!-- Başlangıç Görseli ( Kullanımdan kaldırıldı ) --><linkrel="apple-touch-startup-image"href="path/to/startup.png"><!-- iOS derin uygulama bağlantısı(deep linking) --><metaname="apple-itunes-app"content="app-id=APP-ID, app-argument=http/url-sample.com"><linkrel="alternate"href="ios-app://APP-ID/http/url-sample.com">

Apple Safari

<!-- Sabitlenmiş(pinned) Site --><linkrel="mask-icon"href="path/to/icon.svg"color="red">

Google Android

<metaname="theme-color"content="#E64545"><!-- Ana ekrana ekle --><metaname="mobile-web-app-capable"content="yes"><!-- Detaylı bilgi: https://developer.chrome.com/multidevice/android/installtohomescreen --><!-- Android derin uygulama bağlantısı(deep linking) --><metaname="google-play-app"content="app-id=package-name"><linkrel="alternate"href="android-app://package-name/http/url-sample.com">

Google Chrome

<linkrel="chrome-webstore-item"href="https://chrome.google.com/webstore/detail/APP_ID"><!-- Çeviri istemini devre dışı bırak --><metaname="google"content="notranslate">

Google Chrome Mobil (Yalnızca Android)

<!-- manifest dosya bağlantısını ve meta bilgisini tanımlar --><!-- manifest.json örneği aşağıdaki bağlantıdan bulunabilir --><linkrel="manifest"href="manifest.json"><!-- Web sayfanızı web uygulaması olarak tanımlar --><metaname="mobile-web-app-capable"content="yes"><!-- Ana Ekran Simgesi  --><linkrel="icon"sizes="192x192"href="highres-icon.png">

Microsoft Internet Explorer

<metahttp-equiv="x-ua-compatible"content="ie=edge"><metaname="skype_toolbar"content="skype_toolbar_parser_compatible"><!-- Windows Phone üzerindeki IE 10'da bağlantı vurgulamasını kaldırır (https://blogs.windows.com/buildingapps/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10/) --><metaname="msapplication-tap-highlight"content="no"><!-- Sabitlenmiş(pinned) siteler (https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx) --><metaname="application-name"content="Örnek Başlık"><metaname="msapplication-tooltip"content="Sitenin ne yaptığına ilişkin açıklama."><metaname="msapplication-starturl"content="http://example.com/index.html?pinned=true"><metaname="msapplication-navbutton-color"content="#FF3300"><metaname="msapplication-window"content="width=800;height=600"><metaname="msapplication-task"content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"><metaname="msapplication-task"content="name=Task 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico"><metaname="msapplication-badge"value="frequency=DAKIKA_CINSINDEN_SAYI;polling-uri=http://example.com/path/to/file.xml"><metaname="msapplication-TileColor"content="#FF3300"><metaname="msapplication-TileImage"content="/path/to/tileimage.jpg"><metaname="msapplication-config"content="http://example.com/browserconfig.xml"><metaname="msapplication-notification"content="frequency=60;polling-uri=http://example.com/livetile;polling-uri2=http://example.com/livetile2"><metaname="msapplication-task-separator"content="1">

App Links

<!-- iOS --><metaproperty="al:ios:url"content="applinks://docs"><metaproperty="al:ios:app_store_id"content="12345"><metaproperty="al:ios:app_name"content="App Links"><!-- Android --><metaproperty="al:android:url"content="applinks://docs"><metaproperty="al:android:app_name"content="App Links"><metaproperty="al:android:package"content="org.applinks"><!-- Web Fallback --><metaproperty="al:web:url"content="http://applinks.org/documentation"><!-- Detaylı bilgi: http://applinks.org/documentation/ -->

Browsers (Çin)

360 Browser

<!-- Sırasıyla render motoru seçer --><metaname="renderer"content="webkit|ie-comp|ie-stand">

QQ Mobile Browser

<!-- Ekranı belirtilen yönde sabitler --><metaname="x5-orientation"content="landscape/portrait"><!-- Mevcut sayfayı tam ekranda görüntüler --><metaname="x5-fullscreen"content="true"><!-- Sayfa "uygulama modu"nda görüntülenir (tam ekran, vb.) --><metaname="x5-page-mode"content="app">

UC Mobile Browser

<!-- Ekranı belirtilen yönde sabitler --><metaname="screen-orientation"content="landscape/portrait"><!-- Mevcut sayfayı tam ekranda görüntüler --><metaname="full-screen"content="yes"><!-- UC browser "metin modu"nda olsa bile görselleri gösterir --><metaname="imagemode"content="force"><!-- Sayfa "uygulama modu"nda görüntülenir(tam ekran, hareketi yasaklamak, vb.) --><metaname="browsermode"content="application"><!-- UC browser'ın "gece modu"nu mevcut sayfada iptal eder --><metaname="nightmode"content="disable"><!-- Data transferini azaltmak için sayfayı basitleştirir --><metaname="layoutmode"content="fitscreen"><!-- UC browser'ın "sayfada çok fazla kelime olduğunda font büyütme özelliği"ni iptal eder --><metaname="wap-font-scale"content="no">

Notlar

Performans

<linkhref="https://fonts.googleapis.com/css?family=Open+Sans:400,700"rel="stylesheet">

Diğer Kaynaklar

İlgili Projeler

Diğer Formatlar

Çeviriler

Katkıda Bulun

Rehber

1.master

2.gh-pages

Katkıda Bulunanlar

Yazar

Lisans