{"id":10804,"date":"2017-12-08T16:13:34","date_gmt":"2017-12-08T14:13:34","guid":{"rendered":"https:\/\/ihs.com.tr\/blog\/?p=10804"},"modified":"2019-01-18T12:37:39","modified_gmt":"2019-01-18T10:37:39","slug":"alt-text-nedir-ne-ise-yarar","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/alt-text-nedir-ne-ise-yarar\/","title":{"rendered":"Alt Text Nedir? Ne i\u015fe yarar?"},"content":{"rendered":"

HTML kodunda bir sayfa g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc\u00a0betimlemek ve g\u00f6r\u00fcnt\u00fcn\u00fcn i\u015flevini tan\u0131mlamak i\u00e7in kullan\u0131lan alt textler, ayn\u0131 zamanda alt \u00f6znitelikler<\/em> ve alt a\u00e7\u0131klamalar<\/em> olarak da adland\u0131r\u0131l\u0131r.<\/span><\/p>\n

Alt textlerin avantajlar\u0131:<\/span><\/p>\n

    \n
  1. Foto\u011fraflara alt text eklemek, her \u015feyden \u00f6nce web ula\u015f\u0131labilirli\u011finin bir ilkesidir.<\/strong> \u00d6rne\u011fin; ekran okuyucu kullanan g\u00f6rme engelli kullan\u0131c\u0131lar\u0131 ele alal\u0131m. Sayfa i\u00e7i bir g\u00f6rseli daha iyi anlayabilmek i\u00e7in sayfa i\u00e7i bir alt text’i okumak isteyeceklerdir.<\/span><\/li>\n
  2. E\u011fer bir g\u00f6r\u00fcnt\u00fc dosyas\u0131 y\u00fcklenirken bir sorun olursa, bu g\u00f6r\u00fcnt\u00fc yerine alt text g\u00f6r\u00fcnecektir.<\/span><\/strong><\/li>\n
  3. Alt textler, g\u00f6r\u00fcnt\u00fclerin daha d\u00fczg\u00fcn bir \u015fekilde dizine eklenmelerinin sa\u011flanmas\u0131 i\u00e7in arama motoru taray\u0131c\u0131lar\u0131n\u0131n i\u015fini kolayla\u015ft\u0131r\u0131r.<\/span><\/strong><\/li>\n<\/ol>\n

    \"doritos-alt-text\"<\/a><\/p>\n

    Vurgulanan metin soldaki hemen g\u00f6r\u00fcnt\u00fcn\u00fcn alt textidir.<\/span><\/strong><\/p>\n

    Kod \u00f6rne\u011fi:<\/span><\/strong><\/p>\n

    <img src=”kedicikdanspartisi.gif” alt=”Yavru kedi dans ediyor”><\/span><\/p>\n

    Optimal format<\/strong><\/span><\/p>\n

    Alt textler yeterince a\u00e7\u0131klay\u0131c\u0131 olmal\u0131d\u0131r ve anahtar kelimelerle doldurulmamal\u0131d\u0131r. G\u00f6zlerinizi kapat\u0131n ve bir ki\u015finin alt text’i size okumas\u0131n\u0131 sa\u011flay\u0131n. E\u011fer g\u00f6r\u00fcnt\u00fcn\u00fcn hayali kafan\u0131zda canlan\u0131yorsa iyi i\u015f \u00e7\u0131kartt\u0131\u011f\u0131n\u0131z\u0131 s\u00f6yleyebilirsiniz.<\/span><\/p>\n

    Lezzetli bir f\u0131st\u0131kl\u0131 baklava i\u00e7in birka\u00e7 alt text \u00f6rne\u011fi verelim:<\/span><\/p>\n

    \"fistikli-kuru-baklava\"<\/a><\/p>\n

    Fena de\u011fil:<\/strong> <img src=”baklava.png” alt=”baklava”><\/span><\/p>\n

    Bu alt text i\u00e7in en fazla “fena de\u011fil” diyebiliyoruz. \u00c7\u00fcnk\u00fc yeterince a\u00e7\u0131klay\u0131c\u0131 de\u011fil. Evet bu sadece bir baklava, fakat \u00fczerine s\u00f6ylenecek daha \u00e7ok \u015fey var.<\/span><\/p>\n

    Daha iyi: <\/strong><img src=”baklava.png” alt=”Tereyagli ve bol fistikli baklava”><\/span><\/p>\n

    Bu alt text daha iyi bir alternatiftir. \u00c7\u00fcnk\u00fc g\u00f6r\u00fcnt\u00fcde ne oldu\u011fu a\u00e7\u0131k\u00e7a belirtilmi\u015f. \u0130lk alt metinde g\u00f6sterildi\u011fi gibi sadece bir “baklava” de\u011fil; “tereya\u011fl\u0131 ve bol f\u0131st\u0131kl\u0131 bir baklava!”<\/span><\/p>\n

    Tavsiye edilmez: <\/strong><\/span><\/p>\n

      \n
    1. <img src=”baklava.png” alt=” “><\/span><\/li>\n
    2. <img src=”baklava.png” alt=”baklava baklavalar bak lava kuru baklava \u0131slak baklava yemek en iyi kahvalt\u0131 tatl\u0131 tereya\u011f\u0131”>\u00a0<\/span><\/li>\n<\/ol>\n

      Bu 2 \u00f6rne\u011fi de tavsiye etmiyoruz. \u0130lk kod sat\u0131r\u0131nda herhangi bir alt text yok, iki t\u0131rnak i\u015faretinin i\u00e7inin bo\u015f oldu\u011funu g\u00f6rebiliyorsunuz. \u0130kinci se\u00e7enek iste anahtar kelimelerle doldurulmu\u015f bu y\u00fczden pek cazip durmuyor.<\/span><\/p>\n

      Alt Textler Neden \u00d6nemlidir?<\/strong><\/span><\/p>\n

        \n
      1. Ula\u015f\u0131labilirlik<\/strong><\/span><\/li>\n<\/ol>\n

        Alt text, ula\u015f\u0131labilirlik a\u00e7\u0131s\u0131ndan web tasar\u0131m ilkelerinden bir tanesidir. Ger\u00e7ek ve birincil amac\u0131 o an g\u00f6r\u00fcnt\u00fclenemeyen resimleri ziyaret\u00e7ilere tan\u0131mlamakt\u0131r. Bu g\u00f6r\u00fcnt\u00fclenemeyen resimler, ekran koruyucu ve taray\u0131c\u0131lar\u0131n engellemesiyle olu\u015fabilir. Ya da g\u00f6rme engelli kullan\u0131c\u0131lar taraf\u0131ndan g\u00f6r\u00fclemeyebilir. Resimlerinize alt text ekledi\u011finiz zaman, g\u00f6rsel kaliteye bak\u0131lmaks\u0131z\u0131n t\u00fcm kullan\u0131c\u0131lar\u0131n i\u00e7eri\u011finizi de\u011ferlendirebilmesini sa\u011flars\u0131n\u0131z.<\/strong><\/span><\/p>\n

          \n
        1. G\u00f6r\u00fcnt\u00fc SEO<\/strong><\/span><\/li>\n<\/ol>\n

          Resimlerde alt text kullanmak daha iyi bir kullan\u0131c\u0131 deneyimi sunabilir. Fakat sadece bununla yetinmez ayn\u0131 zamanda SEO avantajlar\u0131 da elde edersiniz.<\/strong> Alt text’in yan\u0131 s\u0131ra resim ba\u015fl\u0131\u011f\u0131 ve dosya adland\u0131rmas\u0131 ile birlikte g\u00f6r\u00fcnt\u00fcleriniz SEO i\u00e7in uygun hale gelir.<\/span><\/p>\n

          Arama motorlar\u0131 y\u0131llar boyunca resim tan\u0131ma konusunda b\u00fcy\u00fck geli\u015fmeler g\u00f6sterdi ve art\u0131k bir arama motorunun bir g\u00f6r\u00fcnt\u00fcn\u00fcz\u00fc g\u00f6rmeme \u015fans\u0131 yok. Bu y\u00fczden bir g\u00f6r\u00fcnt\u00fcn\u00fcn yorumunu arama motorlar\u0131n\u0131n ellerine b\u0131rakmak do\u011fru olmaz. \u00c7\u00fcnk\u00fc e\u011fer bir g\u00f6r\u00fcnt\u00fcy\u00fc yanl\u0131\u015f yorumlarlarsa s\u0131ralamalar\u0131n\u0131z olumsuz etkilenebilir.<\/span><\/p>\n

          \u00d6rnek verecek olursak: Google, a\u015fa\u011f\u0131daki g\u00f6r\u00fcnt\u00fcy\u00fc g\u00f6r\u00fcr ve “\u015fapkal\u0131 ve g\u00f6zl\u00fckl\u00fc adam” olarak de\u011ferlendirebilir.<\/span><\/p>\n

          \"Robert<\/a><\/p>\n

          “Robert Downey Jr’un Sherlock Holmes karakteri” i\u00e7in s\u0131ralamalarda yer almak istiyorsan\u0131z Google’a bir yard\u0131m eli uzatmal\u0131s\u0131n\u0131z.<\/span><\/p>\n

          Arama motorlar\u0131na yard\u0131m etmek d\u0131\u015f\u0131nda alt textler ayr\u0131ca anahtar kelimelerinizi eklemeniz i\u00e7in bir f\u0131rsatt\u0131r.<\/strong> Sayfa i\u00e7i anahtar kelimeler hala arama motoru s\u0131ralamalar\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde etkiliyor. Alt text olu\u015ftururken hem g\u00f6r\u00fcnt\u00fcn\u00fcz\u00fc tan\u0131mlamas\u0131n\u0131 hem de anahtar kelimelerinizi i\u00e7ermesini sa\u011flarsan\u0131z olduk\u00e7a fayda g\u00f6rebilirsiniz.<\/span><\/p>\n

          \u0130yi Bir Alt Text Nas\u0131l Yaz\u0131l\u0131r?<\/strong><\/span><\/p>\n