{"id":125338,"date":"2023-02-07T09:39:00","date_gmt":"2023-02-07T06:39:00","guid":{"rendered":"https:\/\/android.inform.click\/?p=125338"},"modified":"2022-06-20T12:56:35","modified_gmt":"2022-06-20T09:56:35","slug":"mika-on-vaihtoehtoinen-teksti-sivuelementin-kayttaminen-kuville","status":"publish","type":"post","link":"https:\/\/android.inform.click\/fi\/mika-on-vaihtoehtoinen-teksti-sivuelementin-kayttaminen-kuville\/","title":{"rendered":"Mik\u00e4 on vaihtoehtoinen teksti? Sivuelementin k\u00e4ytt\u00e4minen kuville"},"content":{"rendered":"<ul>\n<li>Vaihtoehtoinen teksti on olennainen osa verkkosivujen suunnittelua. Se on lyhyt tekstikuvaus sivulla olevasta kuvasta.<\/li>\n<li>Esteett\u00f6myysty\u00f6kalut k\u00e4ytt\u00e4v\u00e4t vaihtoehtoista teksti\u00e4 kuvien kuvausten lukemiseen \u00e4\u00e4neen sokeille tai n\u00e4k\u00f6vammaisille vierailijoille ja hakukoneet parantamaan verkkosivujen sijoitusta.\u00a0<\/li>\n<li>Voit n\u00e4hd\u00e4 vaihtoehtoisen tekstin mill\u00e4 tahansa verkkosivulla tarkastelemalla sivun HTML-koodia.<\/li>\n<\/ul>\n<p>Vaihtoehtoinen teksti on osa verkkosivujen suunnittelua. Tarkemmin sanottuna se on lause tai lause, joka kuvaa sivulla olevaa kuvaa.\u00a0<\/p>\n<p>Nykyaikaisessa verkkosivun suunnittelussa vaihtoehtoinen teksti ei n\u00e4y useimmille k\u00e4ytt\u00e4jille, mutta sit\u00e4 pidet\u00e4\u00e4n olennaisena osana hyv\u00e4\u00e4 web-suunnittelua, ja jokaiseen sivulla olevaan kuvaan tulee liitt\u00e4\u00e4 vaihtoehtoinen teksti.\u00a0<\/p>\n<h2>Vaihttekstin tarkoitus<\/h2>\n<p>Vaihtoehtoinen teksti palvelee kahta p\u00e4\u00e4tarkoitusta. N\u00e4yt\u00f6nlukuty\u00f6kalut k\u00e4ytt\u00e4v\u00e4t sit\u00e4 kuvien kuvausten \u00e4\u00e4neen lukemiseen k\u00e4ytt\u00e4jille, jotka ovat sokeita, n\u00e4k\u00f6vammaisia \u200b\u200btai jotka tarvitsevat lis\u00e4apua sivun sis\u00e4ll\u00f6n n\u00e4kemiseen. Hyv\u00e4 vaihtoehtoinen teksti on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4 n\u00e4ille k\u00e4ytt\u00e4jille, jotta heill\u00e4 olisi tyydytt\u00e4v\u00e4 k\u00e4ytt\u00f6kokemus verkkosivulla.<\/p>\n<p>Google ja muut hakukoneet k\u00e4ytt\u00e4v\u00e4t sit\u00e4 my\u00f6s kuvan sis\u00e4ll\u00f6n ymm\u00e4rt\u00e4miseen, mink\u00e4 avulla se voi sijoittaa verkkosivun paremmin hakutuloksissa.\u00a0<\/p>\n<h2>Kuinka lis\u00e4t\u00e4 vaihtoehtoinen teksti kuvaan ja n\u00e4hd\u00e4 se HTML-muodossa<\/h2>\n<p>Vaihtoehtoisen tekstin lis\u00e4\u00e4minen vaihtelee verkkosivun luomiseen k\u00e4ytetyn web-suunnittelun tai sis\u00e4ll\u00f6nhallintaj\u00e4rjestelm\u00e4n mukaan. Yleens\u00e4 ty\u00f6kalu tarjoaa kent\u00e4n vaihtoehtoisen tekstin kirjoittamista varten, kun kuva ladataan verkkosivulle. Useimmissa tapauksissa voit my\u00f6s muokata ladattua kuvaa j\u00e4lkik\u00e4teen lis\u00e4t\u00e4ksesi tai muokataksesi vaihtoehtoista teksti\u00e4.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" alt=\"Mik\u00e4 on vaihtoehtoinen teksti? Sivuelementin k\u00e4ytt\u00e4minen kuville\" ><\/a><\/p>\n<p>Voit lis\u00e4t\u00e4 vaihtoehtoista teksti\u00e4 mihin tahansa kuvaan web-suunnittelu- tai sis\u00e4ll\u00f6nhallintaty\u00f6kalulla, kuten WordPressill\u00e4.<\/p>\n<p>T\u00e4m\u00e4 vaihtoehtoinen teksti koodataan sitten sivulle HTML-muodossa. Voit n\u00e4hd\u00e4 t\u00e4m\u00e4n miss\u00e4 tahansa verkkoselaimessa k\u00e4ytt\u00e4m\u00e4ll\u00e4 selaimesi &quot;Tarkista&quot;-toimintoa. Esimerkiksi Chromessa napsauta hiiren kakkospainikkeella verkkosivulla olevaa kuvaa ja napsauta avattavasta valikosta &quot;Tarkista&quot;. Napsauta Firefoxissa hiiren kakkospainikkeella ja valitse &quot;Tarkista elementti&quot;. Molemmissa tapauksissa sinun pit\u00e4isi n\u00e4hd\u00e4 ikkuna, jossa on sivun HTML-koodi. Kuvassa sinun pit\u00e4isi n\u00e4hd\u00e4 HTML-tunniste, jossa lukee &quot;alt=&quot;, jota seuraa alt-tekstin kuvaus.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" alt=\"Mik\u00e4 on vaihtoehtoinen teksti? Sivuelementin k\u00e4ytt\u00e4minen kuville\" ><\/a><\/p>\n<p>Voit k\u00e4ytt\u00e4\u00e4 Tarkastus-ty\u00f6kalua selaimessa, kuten Chromessa, n\u00e4hd\u00e4ksesi verkkosivun kuvaan liittyv\u00e4n vaihtoehtoisen tekstin.<\/p>\n<h2>Vaihtoehtoisen tekstin parhaat k\u00e4yt\u00e4nn\u00f6t<\/h2>\n<p>Hakukoneoptimoinnin (SEO) asiantuntijoilla on paljon ohjeita verkkosivujen suunnittelusta ja verkkosivun elementeist\u00e4, kuten vaihtoehtoisesta tekstist\u00e4. Voit ottaa kokonaisia \u200b\u200bkursseja t\u00e4st\u00e4 aiheesta. Mutta yleisesti ottaen vaihtoehtoisen tekstin suhteen voidaan tehd\u00e4 muutamia perussuosituksia. T\u00e4ss\u00e4 on joitain yleisi\u00e4 ohjeita hyv\u00e4n vaihtoehtoisen tekstin muodostamiseen:<\/p>\n<ul>\n<li>Pituutta koskevat ohjeet vaihtelevat ajoittain, mutta t\u00e4ll\u00e4 hetkell\u00e4 vaihtoehtoisen tekstin tulee olla alle 100 merkin pituinen, mukaan lukien v\u00e4lily\u00f6nnit.\u00a0<\/li>\n<li>Kuvaile kuvaa selke\u00e4sti, tarkasti ja ytimekk\u00e4\u00e4sti.\u00a0<\/li>\n<li>\u00c4l\u00e4 aloita vaihtoehtoista teksti\u00e4 ilmauksella, kuten &quot;Kuva\u2026&quot; tai &quot;Kuva\u2026&quot;. Kuvaile vain, mit\u00e4 kuvassa on.\u00a0<\/li>\n<li>\u00c4l\u00e4 &quot;t\u00e4yt\u00e4&quot; vaihtoehtoiseen tekstiin verkkosivuun liittyvi\u00e4 avainsanoja, vaan ole mahdollisimman tarkka. T\u00e4m\u00e4 auttaa sek\u00e4 sokeita ett\u00e4 n\u00e4k\u00f6vammaisia \u200b\u200bk\u00e4vij\u00f6it\u00e4 sek\u00e4 Googlea.<\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.businessinsider.com\" class=\"external external_icon\">www.businessinsider.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vaihtoehtoinen teksti on esteett\u00f6myysty\u00f6kalujen ja hakukoneiden k\u00e4ytt\u00e4m\u00e4 lyhyt tekstikuvaus sivulla olevasta kuvasta.<\/p>\n","protected":false},"author":1,"featured_media":100402,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[228],"tags":[],"class_list":["post-125338","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-fi"],"_links":{"self":[{"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/posts\/125338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=125338"}],"version-history":[{"count":0,"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/posts\/125338\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/media\/100402"}],"wp:attachment":[{"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=125338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=125338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/android.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=125338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}