{"id":31085,"date":"2021-02-19T15:36:14","date_gmt":"2021-02-19T12:36:14","guid":{"rendered":"https:\/\/www.natro.com\/blog\/?p=31085"},"modified":"2021-10-19T11:55:27","modified_gmt":"2021-10-19T08:55:27","slug":"okunabilir-cevrimici-icerik-nasil-yazilir-4-hizli-ipucu","status":"publish","type":"post","link":"https:\/\/www.natro.com\/blog\/okunabilir-cevrimici-icerik-nasil-yazilir-4-hizli-ipucu\/","title":{"rendered":"\u2018Okunabilir\u2019 \u00c7evrimi\u00e7i \u0130\u00e7erik Nas\u0131l Yaz\u0131l\u0131r (4 H\u0131zl\u0131 \u0130pucu)"},"content":{"rendered":"\n<p>Normal bir kitapta yazan makale ile internet sitesi \u00fczerinde yaz\u0131l\u0131 bulunan makaleler \u00fczerinde bi\u00e7imsel olarak bir\u00e7ok fark bulunur. Sadece k\u00e2\u011f\u0131t boyutunun yeterlili\u011finden de\u011fil, bu durumda i\u00e7eri\u011fin b\u00fct\u00fcnsel yay\u0131n\u0131n\u0131 da g\u00f6ze almam\u0131z bu fark\u0131 do\u011fruluyor.<\/p>\n\n\n\n<p>\u0130nternet sayfalar\u0131nda yer alan i\u00e7eriklerin mutlak suretle okunabilir olmas\u0131 gerekiyor. Bunun anlam\u0131, okuyucular\u0131n bir b\u00f6l\u00fcmden di\u011ferine ge\u00e7erken anlam b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc kaybetmemesi ve istenilen datalara h\u0131zl\u0131ca ula\u015f\u0131labilmesi anlam\u0131na geliyor. Bunun \u00f6nemini ise, \u201c<strong>\u0130\u00e7eri\u011fin okunabilir olmas\u0131, ziyaret\u00e7ileri sayfa \u00fczerinde daha uzun s\u00fcre tutacakt\u0131r<\/strong>\u201d c\u00fcmlesiyle belirtebiliyoruz. Sitenizin i\u00e7eriklerini cazip bir forma sokmak ad\u0131na belli noktalara \u00f6zel olarak dikkat etmeniz gerekir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-okunabilir-i-erik-nedir\"><span id=\"okunabilir-icerik-nedir\">Okunabilir \u0130\u00e7erik Nedir?<\/span><\/h2>\n\n\n\n<p>Okunabilir i\u00e7erik, insanlar\u0131n web sitesi ziyaretlerindeki okuma al\u0131\u015fkanl\u0131klar\u0131na i\u015faret ediyor. Normal bir kitap okurken c\u00fcmlelerin hepsini dikkatlice okursunuz. Bu durum web sayfas\u0131nda biraz daha d\u00fc\u015f\u00fck dikkatle ger\u00e7ekle\u015febiliyor. K\u0131sacas\u0131, web sayfas\u0131 \u00fczerinde t\u00fcm c\u00fcmlelere de\u011fil ama istedi\u011finiz b\u00f6l\u00fcmlere ula\u015fmaya odaklan\u0131yorsunuz. Bu a\u00e7\u0131dan bak\u0131nca, web sitelerinde \u00e7ok uzun yaz\u0131lara yer vermek ziyaret\u00e7iler i\u00e7in siteyi kullan\u0131\u015fs\u0131z g\u00f6sterir. Bu sorunun \u00e7\u00f6z\u00fcm\u00fc ise, yaz\u0131 i\u00e7eri\u011fini ziyaret\u00e7ilerin okuma \u015fekillerine g\u00f6re uyarlamakt\u0131r. Yaz\u0131y\u0131 birden \u00e7ok b\u00f6l\u00fcme ay\u0131rarak, onu h\u0131zl\u0131ca b\u00f6l\u00fcmler aras\u0131nda atlan\u0131r duruma getirebilirsiniz. \u0130nternet sayfalar\u0131n\u0131n okunabilirli\u011fini art\u0131rman\u0131n bi\u00e7imsellikle b\u00fcy\u00fck bir ilgisi bulunuyor. Bu bi\u00e7imsel avantaja ula\u015fman\u0131n da bir\u00e7ok anahtar\u0131 bulunuyor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-okunabilir-i-erik-yazma-4-i-pucu\"><span id=\"okunabilir-icerik-yazma-4-ipucu\">Okunabilir \u0130\u00e7erik Yazma (4 \u0130pucu)<\/span><\/h2>\n\n\n\n<p>Web sayfas\u0131 \u00fczerinde okunabilir i\u00e7erikler haz\u0131rlamak i\u00e7in, yaz\u0131m tarz\u0131n\u0131z\u0131 de\u011fi\u015ftirmenize gerek yok. Buna kar\u015f\u0131n metin bi\u00e7iminde birtak\u0131m de\u011fi\u015fikliklere, bi\u00e7imlendirmelere gitmek, ziyaret\u00e7ilerin ilgisini o web sayfas\u0131nda yer verdi\u011finiz yaz\u0131 \u00fczerine daha fazla \u00e7ekebilir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-alt-ba-l-k-kullan-m\"><span id=\"1-alt-baslik-kullanimi\">1.Alt Ba\u015fl\u0131k Kullan\u0131m\u0131<\/span><\/h3>\n\n\n\n<p>\u00d6rne\u011fin, \u015fu an okudu\u011funuz makale \u00fczerinde de bir\u00e7ok alt ba\u015fl\u0131k s\u00f6z konusu ve bunlar\u0131n say\u0131s\u0131 size \u00e7ok fazla g\u00f6r\u00fcnebilir. Fakat bu b\u00f6l\u00fcmlerin her biri ayr\u0131 bir konuyu kaps\u0131yor. Kural olarak \u015funu kabul edebilirsiniz: konu de\u011fi\u015fti\u011finde farkl\u0131 bir alt ba\u015fl\u0131k ile ba\u015flamak gerekiyor. Bu alt ba\u015fl\u0131klar da, alttaki \u00f6rnekte oldu\u011fu gibi do\u011fal bir yap\u0131da olmal\u0131d\u0131r.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ana b\u00f6l\u00fcmler i\u00e7in H2 metin tipini kullan\u0131n.<\/li><li>Ana b\u00f6l\u00fcm\u00fcn alt\u0131ndaki ba\u015fl\u0131klar i\u00e7in H3 metin tipini kullan\u0131n.<\/li><\/ul>\n\n\n\n<p>Alt ba\u015fl\u0131klar\u0131n \u00e7ok\u00e7a kullan\u0131m\u0131, ziyaret\u00e7ilerin okumalar\u0131n\u0131 kolayla\u015ft\u0131r\u0131yor. Alt ba\u015fl\u0131klar\u0131n bir ba\u015fka avantaj\u0131n\u0131 ise arama motorlar\u0131nda g\u00f6r\u00fcyoruz. Arama motorlar\u0131, i\u00e7eri\u011fin konusunun neleri kapsad\u0131\u011f\u0131na dair taramalar\u0131nda bu alt ba\u015fl\u0131klara da bak\u0131yor. K\u0131saca olu\u015fturulan alt ba\u015fl\u0131klar, tam olarak b\u00f6l\u00fcm\u00fcn i\u00e7eri\u011finin ne oldu\u011funa i\u015faret ediyor. Bu durum hem SEO metin haz\u0131rlanmas\u0131nda hem de i\u00e7eriklerin okunabilirli\u011fini art\u0131rmakta b\u00fcy\u00fck fayda g\u00f6steriyor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-daha-k-sa-paragraflar\"><span id=\"2-daha-kisa-paragraflar\">2.Daha K\u0131sa Paragraflar<\/span><\/h3>\n\n\n\n<p>S\u0131ra geldi i\u00e7eri\u011fin bi\u00e7imlendirilmesine. En k\u00f6t\u00fcs\u00fc, i\u00e7eri\u011fin uzun ve s\u0131k\u0131c\u0131 c\u00fcmleler, paragraflar halinde olu\u015fturulmas\u0131 olarak dikkat \u00e7ekiyor. Paragraflar\u0131n uzunlu\u011fu, kullan\u0131c\u0131lar\u0131n web sitenizden uzakla\u015fmas\u0131n\u0131n s\u00fcratine etki ediyor.<\/p>\n\n\n\n<p>Hele ki bu s\u0131k\u0131c\u0131 paragraflar\u0131n birden \u00e7ok \u015fekilde yaz\u0131ya konumland\u0131r\u0131lmas\u0131, i\u00e7eri\u011fi okumak isteyen ziyaret\u00e7iler i\u00e7in olduk\u00e7a s\u0131k\u0131nt\u0131l\u0131 bir hale b\u00fcr\u00fcn\u00fcyor. Di\u011fer bir a\u00e7\u0131dan uzun paragraflar\u0131 b\u00f6lmek, i\u00e7eri\u011finizi daha okunabilir bir hale getirebiliyor. Ayr\u0131ca, negatif alanlar\u0131n (beyaz bo\u015fluk) mevcudiyetini art\u0131rman\u0131z, okuyucular\u0131n g\u00f6zleri i\u00e7in daha az yorgunluk anlam\u0131na geliyor.<\/p>\n\n\n\n<p>Paragraflar i\u00e7in kesin belirlenmi\u015f bir uzunluk kural\u0131 bulunmuyor. Neticede farkl\u0131 cihazlarda, metnin g\u00f6r\u00fcn\u00fcm\u00fc de farkl\u0131 oluyor. Ancak metinleri inceledi\u011finizde bir\u00e7ok b\u00f6l\u00fcm olu\u015fturmak i\u00e7in gerekli f\u0131rsatlar\u0131, pratik bir \u015fekilde \u00f6n\u00fcn\u00fczde buluyorsunuz.<\/p>\n\n\n\n<p>Her konu de\u011fi\u015fiminde bir sat\u0131r sonu eklemeyi ihmal etmeyin. Paragraf uzunlu\u011funa dikkat etmenizi bir kere daha tavsiye ediyoruz; ama bu konuda tak\u0131nt\u0131l\u0131 biri olmay\u0131n. Yaz\u0131n\u0131n, daha okunabilir olmas\u0131 i\u00e7in sadele\u015fmeye ihtiyac\u0131 bulunmuyor. Sadece uzun ve karma\u015f\u0131k kelime topluluklar\u0131nda uzak durmaya gayret edin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-g-rsel-eklentiler\"><span id=\"3-gorsel-eklentiler\">3.G\u00f6rsel Eklentiler<\/span><\/h3>\n\n\n\n<p>S\u0131radan okuma kitaplar\u0131nda da g\u00f6rseller, i\u00e7eri\u011fi daha fazla dikkat \u00e7ekici k\u0131l\u0131yor. Bu web i\u00e7in de ge\u00e7erlidir ama mutlak bir kural olarak kabul edilmez. Sadece resimler de\u011fil, bilgi i\u00e7eren tablo ve listeler de i\u00e7eri\u011fin okunmas\u0131na destek veriyor.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>G\u00f6rsel ara\u00e7lar, uzun paragraflar\u0131 b\u00f6lme imkan\u0131 veriyor.<\/li><li>G\u00f6rsel ara\u00e7lar\u0131, vurgulamak iste\u011finiz noktalar\u0131 i\u015faret etmek i\u00e7in kullanabiliyorsunuz.<\/li><li>Karma\u015f\u0131k verileri detayland\u0131rmak yerine tablo kullanmak, okuma al\u0131\u015fkanl\u0131\u011f\u0131na rahatl\u0131k getiriyor.<\/li><\/ul>\n\n\n\n<p>Resimleri, sadece sayfay\u0131 doldurmak i\u00e7in kullan\u0131lacak ek ara\u00e7 olarak g\u00f6rmemeniz gerekiyor. Kullan\u0131lan her g\u00f6rsel, ayd\u0131nlatmak istedi\u011finiz bir noktaya dair i\u015faretleri bar\u0131nd\u0131rmal\u0131d\u0131r. Do\u011fru se\u00e7ilmi\u015f g\u00f6rseller, ne hakk\u0131nda yaz\u0131 yaz\u0131ld\u0131\u011f\u0131n\u0131 g\u00f6steren iyi bir \u00f6rnek olarak web sayfan\u0131z \u00fczerinde yerini al\u0131r. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-mobil-cihazlar-i-in-yap-lacak-bi-imlendirme\"><span id=\"4-mobil-cihazlar-icin-yapilacak-bicimlendirme\">4.Mobil Cihazlar \u0130\u00e7in Yap\u0131lacak Bi\u00e7imlendirme<\/span><\/h3>\n\n\n\n<p>\u0130nternet eri\u015fiminde mobil cihazlar\u0131n kullan\u0131m oran\u0131 her ge\u00e7en g\u00fcn art\u0131yor. Burada, uzun bi\u00e7imli makalelerin k\u00fc\u00e7\u00fck ekranlarda okunmas\u0131n\u0131n zorlu\u011funa de\u011finmemiz gerekiyor. Bu zorlu\u011fu hepiniz bir \u015fekilde ya\u015fam\u0131\u015fs\u0131n\u0131zd\u0131r. E\u011fer web sitenizin mobil cihazlardaki g\u00f6r\u00fcn\u00fcm\u00fc okuma kolayl\u0131\u011f\u0131 sa\u011flam\u0131yorsa, bu durum ziyaret\u00e7ilerinizi olumsuz etkiler. <\/p>\n\n\n\n<p>\u0130yi haber; \u015fimdiye kadar verdi\u011fimiz tavsiyelere uyman\u0131z durumunda mobil cihazlar a\u00e7\u0131s\u0131ndan olduk\u00e7a fazla avantaja sahip olabilirsiniz. K\u00f6t\u00fc haber; negatif bo\u015fluklar muhtemelen can\u0131n\u0131z\u0131 s\u0131kacakt\u0131r, bu y\u00fczden bu bo\u015fluklar\u0131n boyutlar\u0131na ve konumlar\u0131na dikkat etmelisiniz. Web sitenizin tarz\u0131 ve yaz\u0131 tipografisi, mobil cihazlardaki yay\u0131nlar\u0131n\u0131za da etki ediyor, unutmay\u0131n! <\/p>\n\n\n\n<p>\u0130\u00e7eri\u011finize her ne kadar g\u00fcvenseniz de mobil cihazlardaki g\u00f6r\u00fcn\u00fcm\u00fcnden memnun de\u011filseniz, yeni bir site tasar\u0131m\u0131 yapman\u0131z\u0131 \u00f6neriyoruz.<\/p>\n","protected":false},"excerpt":{"rendered":"Normal bir kitapta yazan makale ile internet sitesi \u00fczerinde yaz\u0131l\u0131 bulunan makaleler \u00fczerinde bi\u00e7imsel olarak bir\u00e7ok fark bulunur.&hellip;\n","protected":false},"author":7,"featured_media":31086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":{"0":"post-31085","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-nasil-yapilir"},"_links":{"self":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/31085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/comments?post=31085"}],"version-history":[{"count":0,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/31085\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media\/31086"}],"wp:attachment":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media?parent=31085"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/categories?post=31085"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/tags?post=31085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}