{"id":10238,"date":"2026-11-01T20:25:11","date_gmt":"2026-11-01T17:25:11","guid":{"rendered":"https:\/\/www.yunuskaytan.com\/?p=10238"},"modified":"2026-11-01T20:25:11","modified_gmt":"2026-11-01T17:25:11","slug":"html5-semantik-etiketler","status":"publish","type":"post","link":"https:\/\/www.yunuskaytan.com\/en\/yk\/html5-semantik-etiketler\/","title":{"rendered":"HTML5 Semantik Etiketler"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Web sayfalar\u0131 olu\u015ftururken kullan\u0131lan i\u015faretleme dili HTML, y\u0131llar i\u00e7inde g\u00f6rsel bi\u00e7imlendirmeden anlam odakl\u0131 bir yap\u0131ya do\u011fru evrilmi\u015ftir. Eski web standartlar\u0131nda sayfadaki her alan jenerik kutular olan div etiketleri ve bunlara atanan s\u0131n\u0131flarla in\u015fa edilirdi. HTML5 ile hayat\u0131m\u0131za giren semantik yap\u0131, sayfa elemanlar\u0131n\u0131n yaln\u0131zca g\u00f6r\u00fcn\u00fc\u015f\u00fcn\u00fc de\u011fil, ayn\u0131 zamanda ta\u015f\u0131d\u0131klar\u0131 anlam\u0131 ve g\u00f6revi de a\u00e7\u0131k\u00e7a tan\u0131mlar. Bu rehberde, modern web geli\u015ftirmenin temel ta\u015flar\u0131ndan biri olan html5 semantik etiketlerin ne oldu\u011funu, neden kullan\u0131lmas\u0131 gerekti\u011fini ve kod i\u00e7inde nas\u0131l konumland\u0131r\u0131laca\u011f\u0131n\u0131 detayl\u0131 olarak inceleyece\u011fiz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Semantik HTML Nedir ve Neden \u00d6nemlidir?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Semantik s\u00f6zc\u00fc\u011f\u00fc dilbilimsel olarak anlam bilimi anlam\u0131na gelir. HTML ba\u011flam\u0131nda ise bir etiketin, i\u00e7eri\u011fin amac\u0131n\u0131 hem taray\u0131c\u0131ya hem de geli\u015ftiriciye kendi ad\u0131yla ifade etmesidir. Semantik olmayan bir etiket (\u00f6rne\u011fin div veya span) i\u00e7ine ald\u0131\u011f\u0131 verinin ne t\u00fcr bir bilgi oldu\u011fu hakk\u0131nda hi\u00e7bir fikir vermez. Buna kar\u015f\u0131l\u0131k semantik bir etiket, i\u00e7eri\u011fin bir makale, ba\u015fl\u0131k, alt bilgi ya da gezinme men\u00fcs\u00fc oldu\u011funu do\u011frudan bildirir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Semantik yap\u0131y\u0131 tercih etmenin ba\u015fl\u0131ca avantajlar\u0131 \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Arama Motoru Optimizasyonu (SEO): Google gibi arama motoru botlar\u0131, web sayfalar\u0131n\u0131 tararken i\u00e7erik hiyerar\u015fisini semantik etiketler \u00fczerinden \u00e7\u00f6zer. Ana i\u00e7eri\u011fin nerede ba\u015flad\u0131\u011f\u0131n\u0131 veya bir makale tarihinin ne oldu\u011funu do\u011fru etiketlerle anlamak sitenin indekslenme kalitesini art\u0131r\u0131r.<\/li>\n\n<li>Eri\u015filebilirlik (A11y): G\u00f6rme engelli kullan\u0131c\u0131lar\u0131n kulland\u0131\u011f\u0131 ekran okuyucu cihazlar, sayfay\u0131 semantik etiketlere g\u00f6re seslendirir. Kullan\u0131c\u0131 bir gezinme men\u00fcs\u00fcne ya da ana metne do\u011frudan atlayabilir.<\/li>\n\n<li>Kod Okunabilirli\u011fi ve Bak\u0131m: Kalabal\u0131k div y\u0131\u011f\u0131nlar\u0131 yerine amaca uygun adland\u0131r\u0131lm\u0131\u015f etiketler kullanmak, projeye sonradan dahil olan geli\u015ftiricilerin veya ekip \u00fcyelerinin kod taban\u0131n\u0131 \u00e7ok daha h\u0131zl\u0131 kavramas\u0131n\u0131 sa\u011flar.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Temel HTML5 Semantik Etiketleri<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Modern bir web sayfas\u0131n\u0131n omurgas\u0131n\u0131 olu\u015fturan HTML5 semantik etiketleri farkl\u0131 i\u015flevsel gruplara ayr\u0131l\u0131r. En yayg\u0131n kullan\u0131lan yap\u0131 ta\u015flar\u0131 a\u015fa\u011f\u0131da \u00f6zetlenmi\u015ftir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sayfa D\u00fczeni Etiketleri<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sayfan\u0131n genel iskeletini kurarken kullan\u0131lan ba\u015fl\u0131ca etiketler \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>header: Genellikle sayfan\u0131n veya bir i\u00e7erik blo\u011funun giri\u015f k\u0131sm\u0131n\u0131 temsil eder. Site logosu, ba\u015fl\u0131klar ve bazen arama formlar\u0131 bu alan\u0131n i\u00e7ine yerle\u015ftirilir.<\/li>\n\n<li>nav: Sayfa i\u00e7indeki veya sayfalar aras\u0131ndaki ana gezinme ba\u011flant\u0131lar\u0131n\u0131 bar\u0131nd\u0131r\u0131r. Sitedeki her ba\u011flant\u0131 listesi nav i\u00e7ine al\u0131nmamal\u0131, yaln\u0131zca birincil gezinme men\u00fcleri bu etikete dahil edilmelidir.<\/li>\n\n<li>main: Belgenin merkezinde yer alan, sayfaya \u00f6zg\u00fc birincil i\u00e7eri\u011fi temsil eder. Bir HTML belgesinde yaln\u0131zca bir adet g\u00f6r\u00fcn\u00fcr main etiketi bulunmal\u0131d\u0131r; kenar \u00e7ubuklar\u0131 ve alt bilgiler bu etiketin d\u0131\u015f\u0131na yaz\u0131l\u0131r.<\/li>\n\n<li>footer: \u0130lgili b\u00f6l\u00fcm\u00fcn veya sayfan\u0131n en alt k\u0131sm\u0131n\u0131 ifade eder. Telif hakk\u0131 bildirimleri, ileti\u015fim ba\u011flant\u0131lar\u0131, site haritas\u0131 ve gizlilik politikas\u0131 gibi unsurlar burada tutulur.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u0130\u00e7erik B\u00f6l\u00fcmleme Etiketleri<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sayfa i\u00e7indeki metinleri ve mod\u00fclleri mant\u0131ksal par\u00e7alara ay\u0131rmak i\u00e7in \u015fu etiketlerden yararlan\u0131l\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>section: Belge i\u00e7inde benzer konular\u0131 gruplayan genel bir tematik b\u00f6l\u00fcm\u00fc belirtir. Genellikle kendine ait bir ba\u015fl\u0131k bar\u0131nd\u0131r\u0131r.<\/li>\n\n<li>article: Sayfadan ba\u011f\u0131ms\u0131z olarak tek ba\u015f\u0131na anlam ifade eden, da\u011f\u0131t\u0131labilir veya yeniden kullan\u0131labilir i\u00e7erikler i\u00e7in kullan\u0131l\u0131r. Blog yaz\u0131lar\u0131, forum mesajlar\u0131 veya haber b\u00fcltenleri tipik birer article \u00f6rne\u011fidir.<\/li>\n\n<li>aside: Sayfan\u0131n ana konusuyla do\u011frudan ilgili olmayan ancak ek ba\u011flam sunan ikincil i\u00e7eriklerdir. Kenar \u00e7ubuklar\u0131, ilgili ba\u011flant\u0131 listeleri veya reklam bloklar\u0131 bu etikete yerle\u015ftirilir.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Medya ve Metin Seviyesi Etiketleri<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">G\u00f6rseller ve metin i\u00e7i \u00f6zel vurgular i\u00e7in tasarlanan semantik yap\u0131lar \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>figure ve figcaption: G\u00f6rseller, diyagramlar veya kod par\u00e7alar\u0131n\u0131 a\u00e7\u0131klay\u0131c\u0131 bir ba\u015fl\u0131kla birlikte paketlemek i\u00e7in kullan\u0131l\u0131r. figcaption etiketi g\u00f6rselin alt yaz\u0131s\u0131n\u0131 tan\u0131mlar.<\/li>\n\n<li>time: Tarih ve saat bilgilerini makinelerin okuyabilece\u011fi standart bir formatta sunmak i\u00e7in tercih edilir.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Semantik ve Semantik Olmayan Yap\u0131n\u0131n Kar\u015f\u0131la\u015ft\u0131rmas\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A\u015fa\u011f\u0131daki ilk \u00f6rnek, eski usul sadece div etiketleriyle in\u015fa edilmi\u015f bir sayfa tasla\u011f\u0131n\u0131 g\u00f6stermektedir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=&quot;header&quot;&gt;\n  &lt;div class=&quot;nav&quot;&gt;\n    &lt;a href=&quot;\/en\/&quot;&gt;Ana Sayfa&lt;\/a&gt;\n    &lt;a href=&quot;\/en\/hakkimda\/&quot;&gt;About me&lt;\/a&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;div class=&quot;content&quot;&gt;\n  &lt;div class=&quot;post&quot;&gt;\n    &lt;h2&gt;Yaz\u0131 Ba\u015fl\u0131\u011f\u0131&lt;\/h2&gt;\n    &lt;p&gt;Yaz\u0131 i&ccedil;eri\u011fi burada yer al\u0131yor.&lt;\/p&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;div class=&quot;footer&quot;&gt;\n  &lt;p&gt;Telif Hakk\u0131 2026&lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Yukar\u0131daki kod \u00e7al\u0131\u015f\u0131r durumdad\u0131r ancak taray\u0131c\u0131 veya arama motoru i\u00e7in t\u00fcm bu bloklar herhangi bir anlam ta\u015f\u0131mayan d\u00fcz kutulardan ibarettir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u015eimdi ayn\u0131 d\u00fczeni semantik etiketlerle yeniden in\u015fa edelim:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;header&gt;\n  &lt;nav&gt;\n    &lt;a href=&quot;\/en\/&quot;&gt;Ana Sayfa&lt;\/a&gt;\n    &lt;a href=&quot;\/en\/hakkimda\/&quot;&gt;About me&lt;\/a&gt;\n  &lt;\/div&gt;\n&lt;\/header&gt;\n&lt;main&gt;\n  &lt;article&gt;\n    &lt;h2&gt;Yaz\u0131 Ba\u015fl\u0131\u011f\u0131&lt;\/h2&gt;\n    &lt;p&gt;Yaz\u0131 i&ccedil;eri\u011fi burada yer al\u0131yor.&lt;\/p&gt;\n    &lt;figure&gt;\n      &lt;img src=&quot;ornek.jpg&quot; alt=&quot;&Ouml;rnek g&ouml;rsel a&ccedil;\u0131klamas\u0131&quot;&gt;\n      &lt;figcaption&gt;G&ouml;rsel 1: \u0130lgili konunun \u015fematik anlat\u0131m\u0131&lt;\/figcaption&gt;\n    &lt;\/figure&gt;\n    &lt;p&gt;Yay\u0131nlanma zaman\u0131: &lt;time datetime=&quot;2026-03-30&quot;&gt;30 Mart 2026&lt;\/time&gt;&lt;\/p&gt;\n  &lt;\/article&gt;\n&lt;\/main&gt;\n&lt;footer&gt;\n  &lt;p&gt;Telif Hakk\u0131 2026&lt;\/p&gt;\n&lt;\/footer&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bu \u00f6rnekte article etiketi blog yaz\u0131s\u0131n\u0131 ba\u011f\u0131ms\u0131z bir i\u00e7erik olarak sarar. figure ve figcaption ikilisi g\u00f6rsel ile metin aras\u0131ndaki ili\u015fkiyi kurarken, time etiketi datetime \u00f6zniteli\u011fi sayesinde arama motorlar\u0131na kesin bir tarih sunar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Do\u011fru Kullan\u0131m \u0130\u00e7in \u0130pu\u00e7lar\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Geli\u015ftiricilerin semantik etiketleri uygularken s\u0131k\u00e7a d\u00fc\u015ft\u00fc\u011f\u00fc baz\u0131 hatalar bulunmaktad\u0131r. Temiz bir yap\u0131 kurmak i\u00e7in \u015fu noktalara dikkat edilmelidir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>S\u0131rf CSS ile stil vermek ad\u0131na anlams\u0131z etiket de\u011fi\u015fimleri yap\u0131lmamal\u0131d\u0131r. Bir alan yaln\u0131zca g\u00f6rsel bir kutu i\u015flevi g\u00f6r\u00fcyorsa div kullan\u0131m\u0131 tamamen me\u015frudur.<\/li>\n\n<li>Bir sayfada birden fazla main etiketi bulunmamal\u0131d\u0131r. Ana i\u00e7erik tek bir merkezde toplanmal\u0131d\u0131r.<\/li>\n\n<li>section ve article etiketleri birbirinin yerine k\u00f6r\u00fc k\u00f6r\u00fcne kullan\u0131lmamal\u0131d\u0131r. \u0130\u00e7erik kendi ba\u015f\u0131na ba\u015fka bir platformda yay\u0131nland\u0131\u011f\u0131nda anlam\u0131n\u0131 koruyorsa article, b\u00fcy\u00fck bir konunun par\u00e7as\u0131ysa section tercih edilmelidir.<\/li>\n\n<li>Her section etiketi i\u00e7inde hiyerar\u015fik olarak bir ba\u015fl\u0131k (h2, h3 gibi) bulundurmak belge ak\u0131\u015f\u0131n\u0131 d\u00fczenler.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u00d6zet ve Sonraki Ad\u0131mlar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Semantik HTML, modern web standartlar\u0131n\u0131n temelini olu\u015fturur. Kodunuzu semantik etiketlerle kurgulad\u0131\u011f\u0131n\u0131zda projenizin arama motorlar\u0131ndaki g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc art\u0131r\u0131r, engelli bireyler i\u00e7in eri\u015filebilir bir deneyim sunar ve kaynak kodlar\u0131n\u0131z\u0131n bak\u0131m\u0131n\u0131 kolayla\u015ft\u0131r\u0131rs\u0131n\u0131z.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bir sonraki ad\u0131m olarak olu\u015fturdu\u011funuz bu anlamsal iskeleti CSS Flexbox veya Grid sistemleriyle bi\u00e7imlendirebilir ve ARIA (Accessible Rich Internet Applications) \u00f6zniteliklerini inceleyerek eri\u015filebilirlik standartlar\u0131n\u0131z\u0131 daha da ileri ta\u015f\u0131yabilirsiniz.<\/p>","protected":false},"excerpt":{"rendered":"<p>HTML5 semantik etiketleri, web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 taray\u0131c\u0131lara ve geli\u015ftiricilere a\u00e7\u0131k\u00e7a anlat\u0131r. Do\u011fru etiket kullan\u0131m\u0131 hakk\u0131nda kapsaml\u0131 bir rehber.<\/p>","protected":false},"author":1,"featured_media":10239,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[226],"tags":[234,543,241,545,302],"class_list":["post-10238","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-ve-css","tag-css","tag-frontend","tag-html","tag-html5-semantik","tag-web-gelistirme"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML5 Semantik Etiketler - Yunus KAYTAN<\/title>\n<meta name=\"description\" content=\"HTML5 semantik etiketler nedir, neden kullan\u0131l\u0131r? Web sayfalar\u0131nda anlaml\u0131 etiket yap\u0131s\u0131n\u0131, SEO ve eri\u015filebilirlik avantajlar\u0131n\u0131 \u00f6rneklerle ke\u015ffedin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yunuskaytan.com\/en\/yk\/html5-semantik-etiketler\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 Semantik Etiketler - Yunus KAYTAN\" \/>\n<meta property=\"og:description\" content=\"HTML5 semantik etiketler nedir, neden kullan\u0131l\u0131r? Web sayfalar\u0131nda anlaml\u0131 etiket yap\u0131s\u0131n\u0131, SEO ve eri\u015filebilirlik avantajlar\u0131n\u0131 \u00f6rneklerle ke\u015ffedin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yunuskaytan.com\/en\/yk\/html5-semantik-etiketler\/\" \/>\n<meta property=\"og:site_name\" content=\"Yunus KAYTAN\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-01T17:25:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/blog-kapak\/html5-semantik-etiketler-kapak.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"yunuskaytan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yunuskaytan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/\"},\"author\":{\"name\":\"yunuskaytan\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#\\\/schema\\\/person\\\/be66986fb499da83a5685de34f68d15a\"},\"headline\":\"HTML5 Semantik Etiketler\",\"datePublished\":\"2026-11-01T17:25:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/\"},\"wordCount\":1089,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/blog-kapak\\\/html5-semantik-etiketler-kapak.jpg\",\"keywords\":[\"css\",\"frontend\",\"html\",\"html5 semantik\",\"web gelistirme\"],\"articleSection\":[\"HTML ve CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/\",\"name\":\"HTML5 Semantik Etiketler - Yunus KAYTAN\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/blog-kapak\\\/html5-semantik-etiketler-kapak.jpg\",\"datePublished\":\"2026-11-01T17:25:11+00:00\",\"description\":\"HTML5 semantik etiketler nedir, neden kullan\u0131l\u0131r? Web sayfalar\u0131nda anlaml\u0131 etiket yap\u0131s\u0131n\u0131, SEO ve eri\u015filebilirlik avantajlar\u0131n\u0131 \u00f6rneklerle ke\u015ffedin.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/blog-kapak\\\/html5-semantik-etiketler-kapak.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/blog-kapak\\\/html5-semantik-etiketler-kapak.jpg\",\"width\":1200,\"height\":630,\"caption\":\"HTML5 Semantik Etiketler\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/html5-semantik-etiketler\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.yunuskaytan.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 Semantik Etiketler\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#website\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/\",\"name\":\"Yunus KAYTAN\",\"description\":\"Bili\u015fim, Siber G\u00fcvenlik, Siber Su\u00e7lar ve Sosyal M\u00fchendislik\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yunuskaytan.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#organization\",\"name\":\"Bili\u015fim, Siber G\u00fcvenlik, Siber Su\u00e7lar ve Sosyal M\u00fchendislik\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/cropped-BILISIM-VE-SIBER-GUVENLIK.png\",\"contentUrl\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/cropped-BILISIM-VE-SIBER-GUVENLIK.png\",\"width\":400,\"height\":109,\"caption\":\"Bili\u015fim, Siber G\u00fcvenlik, Siber Su\u00e7lar ve Sosyal M\u00fchendislik\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#\\\/schema\\\/person\\\/be66986fb499da83a5685de34f68d15a\",\"name\":\"yunuskaytan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g\",\"caption\":\"yunuskaytan\"},\"sameAs\":[\"http:\\\/\\\/www.yunuskaytan.com\"],\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/en\\\/yk\\\/author\\\/yunuskaytan\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 Semantik Etiketler - Yunus KAYTAN","description":"HTML5 semantik etiketler nedir, neden kullan\u0131l\u0131r? Web sayfalar\u0131nda anlaml\u0131 etiket yap\u0131s\u0131n\u0131, SEO ve eri\u015filebilirlik avantajlar\u0131n\u0131 \u00f6rneklerle ke\u015ffedin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.yunuskaytan.com\/en\/yk\/html5-semantik-etiketler\/","og_locale":"en_US","og_type":"article","og_title":"HTML5 Semantik Etiketler - Yunus KAYTAN","og_description":"HTML5 semantik etiketler nedir, neden kullan\u0131l\u0131r? Web sayfalar\u0131nda anlaml\u0131 etiket yap\u0131s\u0131n\u0131, SEO ve eri\u015filebilirlik avantajlar\u0131n\u0131 \u00f6rneklerle ke\u015ffedin.","og_url":"https:\/\/www.yunuskaytan.com\/en\/yk\/html5-semantik-etiketler\/","og_site_name":"Yunus KAYTAN","article_published_time":"2026-11-01T17:25:11+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/blog-kapak\/html5-semantik-etiketler-kapak.jpg","type":"image\/jpeg"}],"author":"yunuskaytan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yunuskaytan","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/#article","isPartOf":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/"},"author":{"name":"yunuskaytan","@id":"https:\/\/www.yunuskaytan.com\/#\/schema\/person\/be66986fb499da83a5685de34f68d15a"},"headline":"HTML5 Semantik Etiketler","datePublished":"2026-11-01T17:25:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/"},"wordCount":1089,"commentCount":0,"publisher":{"@id":"https:\/\/www.yunuskaytan.com\/#organization"},"image":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/blog-kapak\/html5-semantik-etiketler-kapak.jpg","keywords":["css","frontend","html","html5 semantik","web gelistirme"],"articleSection":["HTML ve CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/","url":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/","name":"HTML5 Semantik Etiketler - Yunus KAYTAN","isPartOf":{"@id":"https:\/\/www.yunuskaytan.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/#primaryimage"},"image":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/blog-kapak\/html5-semantik-etiketler-kapak.jpg","datePublished":"2026-11-01T17:25:11+00:00","description":"HTML5 semantik etiketler nedir, neden kullan\u0131l\u0131r? Web sayfalar\u0131nda anlaml\u0131 etiket yap\u0131s\u0131n\u0131, SEO ve eri\u015filebilirlik avantajlar\u0131n\u0131 \u00f6rneklerle ke\u015ffedin.","breadcrumb":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/#primaryimage","url":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/blog-kapak\/html5-semantik-etiketler-kapak.jpg","contentUrl":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/blog-kapak\/html5-semantik-etiketler-kapak.jpg","width":1200,"height":630,"caption":"HTML5 Semantik Etiketler"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yunuskaytan.com\/yk\/html5-semantik-etiketler\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.yunuskaytan.com\/"},{"@type":"ListItem","position":2,"name":"HTML5 Semantik Etiketler"}]},{"@type":"WebSite","@id":"https:\/\/www.yunuskaytan.com\/#website","url":"https:\/\/www.yunuskaytan.com\/","name":"Yunus KAYTAN","description":"Information Technology, Cybersecurity, Cybercrimes and Social Engineering","publisher":{"@id":"https:\/\/www.yunuskaytan.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yunuskaytan.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.yunuskaytan.com\/#organization","name":"Information Technology, Cybersecurity, Cybercrimes and Social Engineering","url":"https:\/\/www.yunuskaytan.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.yunuskaytan.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2021\/07\/cropped-BILISIM-VE-SIBER-GUVENLIK.png","contentUrl":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2021\/07\/cropped-BILISIM-VE-SIBER-GUVENLIK.png","width":400,"height":109,"caption":"Bili\u015fim, Siber G\u00fcvenlik, Siber Su\u00e7lar ve Sosyal M\u00fchendislik"},"image":{"@id":"https:\/\/www.yunuskaytan.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.yunuskaytan.com\/#\/schema\/person\/be66986fb499da83a5685de34f68d15a","name":"yunuskaytan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g","caption":"yunuskaytan"},"sameAs":["http:\/\/www.yunuskaytan.com"],"url":"https:\/\/www.yunuskaytan.com\/en\/yk\/author\/yunuskaytan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/posts\/10238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/comments?post=10238"}],"version-history":[{"count":1,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/posts\/10238\/revisions"}],"predecessor-version":[{"id":10240,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/posts\/10238\/revisions\/10240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/media\/10239"}],"wp:attachment":[{"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/media?parent=10238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/categories?post=10238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/tags?post=10238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}