Paano idagdag ang ALT attribute sa isang imahe nang tama?

Talaan ng mga Nilalaman:

Paano idagdag ang ALT attribute sa isang imahe nang tama?
Paano idagdag ang ALT attribute sa isang imahe nang tama?
Anonim

Ang bawat web page ay nilikha gamit ang markup - code na nakasulat sa isang espesyal na ibinigay na wika (madalas na HTML). Mababasa naman ng browser ng user ang code na ito para maayos na maipakita ang lahat ng impormasyong gustong iparating sa amin ng mga tagalikha ng mapagkukunan. Lumalabas na ang lahat ng elementong nakikita natin sa isang web page ay ibinigay ng source code ng site na binibisita namin.

Pag-optimize ng code

itakda ang ALT attribute
itakda ang ALT attribute

Tulad ng mahuhulaan mo, bawat titik ng code na ito, bawat simbolo ay may kahulugan. Gayundin, kawili-wili, nangyayari na ang site ay maaaring hindi naglalaman ng mga elementong iyon na napakahalaga para sa pag-optimize nito (ibig sabihin ang tamang setting ng mapagkukunan para sa mga search engine). Ang katangian ng ALT ay maaaring maiugnay sa bilang ng mga hindi gaanong kapansin-pansin, halimbawa. Ito ay nasa mga pahina ng maraming mapagkukunan, at kadalasan ay hindi natin ito napapansin.

Sa artikulong ito, nais naming bigyang pansin ang elementong ito lamang ng disenyo ng web. Dito ay sasabihin namin sa iyo kung bakit napakahalaga para sa tamang pagraranggo ng site, sa paglaki ng trapiko nito at sa kaginhawahan ng user sa pagtatrabaho dito.

Ano ang ALT attribute?

Magsimula tayo sa simula: ilalarawan natin kung tungkol saan ang artikulong itopagsasalita at kung bakit natin kailangan ang katangiang ito.

ALT attribute
ALT attribute

Kaya, upang maunawaan ang tekstong ito, kailangan mo munang maunawaan ang HTML markup language. Ito ang code kung saan nakasulat ang mga pangunahing web page, na, tulad ng nabanggit na, ay may pag-aari na maipakita sa browser. Ang buong wika ay binubuo ng mga espesyal na katangian (tulad ng IMG, ALT, FONT, at iba pa). Ang bawat isa sa kanila ay may pananagutan sa pagtatrabaho sa isa o ibang elemento ng disenyo. Sa pagsasagawa, ang katangiang "Larawan" na binanggit sa itaas ay ginagamit para sa mga larawang makikita sa mga pahina ng website. Mas partikular, sa tulong nito, ang isang paglalarawan ay nilikha para sa mga larawan, ayon sa kung saan ang user (bisita sa site) ay madaling maunawaan kung ano ang ipinapakita sa kanila. Tiyak na ikaw mismo ay nakatagpo ng mga ganitong paglalarawan - lumilitaw ang mga ito kapag ini-hover mo ang mouse sa ibabaw ng larawan.

Praktikal na halaga

Siyempre, ang mga katangiang ito ay inilalapat sa pagsasanay para sa isang dahilan. Ang mga webmaster ay nangangailangan ng mga paglalarawan para sa kanilang mga larawan gaya ng ginagawa ng mga bisita sa site (marahil higit pa). Pagkatapos ng lahat, kung ang lahat ng mga imahe ay kulang sa ALT na katangian, maaaring hindi ito mapansin ng isang tao kung ang mga paliwanag na teksto ay idinagdag sa mga larawan sa pahina. Sa kabilang banda, ang mga robot sa paghahanap (na may walang laman na ALT) ay maaaring hindi sapat na ranggo ang site, bawasan ang posisyon nito sa mga resulta ng paghahanap at, sa gayon, hindi magdadala ng sapat na bilang ng mga bisita. Samakatuwid, maaari naming sabihin nang may kumpiyansa na ang mga paglalarawan para sa mga larawan sa site ay gumaganap din ng isang mahalagang papel para sa mga webmaster mismo, kaya hindi nila magagawa.kapabayaan.

Walang ALT attribute ang lahat ng nakikitang larawan
Walang ALT attribute ang lahat ng nakikitang larawan

Mga bonus mula sa mga search engine

Upang mas maunawaan ang mga benepisyo ng wastong pagpuno sa mga tag ng paglalarawan para sa mga larawan, magbigay tayo ng isang maliit na halimbawa. Sabihin nating mayroong isang website na may mga larawang naka-host dito. Kung ang katangian ng ALT ay hindi nakatakda, ang gumagamit ay hindi magdurusa, dahil sa anumang kaso makikita niya kung ano ang ipinapakita sa isang partikular na larawan. Isang ganap na kakaibang resulta ang naghihintay sa may-ari ng mapagkukunan, na magpapabaya sa tag sa itaas, dahil dito mawawalan siya ng ilang bahagi ng trapiko mula sa mga direktoryo ng larawan, halimbawa.

Paano isulat ang ALT attribute?

Sa teknikal, walang mahirap na punan ang isang paglalarawan sa ilalim nito o ng larawang iyon. Ito ay malinaw: kailangan mong pumunta sa HTML editor sa iyong site at hanapin ang code ng imahe (nagsisimula sa IMG at nagtatapos sa pareho). Sa loob ng bloke ng code na ito, mayroong code. Ito ang ibig nilang sabihin kapag sinabi nila na kailangan mong isulat ang ALT attribute. Ginagawa ito tulad nito: “alt=“description”.

Kung hindi ka gumamit ng purong code, ngunit gumamit ng ilang hiwalay na "engine" para sa site (halimbawa, Wordpress o Joomla), isinasama nito ang isang espesyal na mekanismo para sa pagdaragdag ng " alts" kung saan maaalala ang aming site sa pamamagitan ng mga search engine. Kung maglalagay ka ng bagong ALT, ang update ay nasa iyong page.

Ano ang isinusulat nila sa attribute?

Siyempre, kapag mayroon kang gawain sa pagsulat ng ALT attribute, hindi mo iniisip ang tungkol sa teknikalgilid. Kadalasan, itinatanong ang tanong na ito kung hindi alam ng webmaster kung anong impormasyon ang kailangan niyang ibigay tungkol sa isang partikular na larawan. Ginagawa nitong mahirap na sabihin kung anong impormasyon ang makikinabang sa site mula sa punto ng view ng mga search engine.

Sa pagsasanay, maraming mga diskarte sa paglutas ng problema sa paglalarawan. Ang isang tao ay gumagana sa mga tipikal na template, ayon sa kung saan ang tag ay napuno lamang ng mga keyword kung saan nilikha ang pahina. Marahil ito ang pinakakaraniwang kasanayan na madalas na matatagpuan. Minsan, sa halip na hanapin kung paano isulat ang ALT attribute, hinahayaan lang ng user na walang laman ang espasyong ito. Dapat itong linawin dito na ang bawat isa ay gumagawa ng kanilang sariling mga pagpapasya tungkol sa kung aling paglalarawan ang isasaad.

nawawalang alt attribute
nawawalang alt attribute

Mga Kinakailangan

Kasabay nito, mayroong ilang pangunahing panuntunan (o, kung gusto mo, mga kinakailangan) ayon sa kung saan ang lahat ay maaaring magdagdag ng perpektong katangian para sa kanilang mga larawan. Binubuo ang mga ito ng maliit na bilang ng mga item, na ang bawat isa ay tumutukoy sa mga paglalarawan ng mga larawan at larawan sa site.

Halimbawa, ang unang naturang kinakailangan ay ang haba ng buong text. Kung naghahanap ka kung paano isulat nang tama ang ALT attribute, elementarya ang solusyon: gumamit ng hindi hihigit sa 2-3 salita. Ang teksto ng ganitong laki ay, una, ay perpektong basahin ng isang robot sa paghahanap (at gagawing mas may-katuturan ang iyong site); pangalawa, ang ganitong paglalarawan ay mas naiintindihan ng mga gumagamit mismo. Sumang-ayon, basahin ang buong pangungusap, kung gusto mo lang malaman kung ano ang ipinapakita sa larawan, walang sinuman. Sapat na ito upang maging maikli at tumpak.isang paglalarawan na magiging kapaki-pakinabang sa iyo at sa iyong mga customer.

Huwag kalimutan ang tungkol sa kahulugan. Kung mag-post ka ng larawan ng isang elepante, siguraduhing ilarawan ang lahi o kasaysayan nito; tukuyin kung bakit ito inilalarawan sa larawang ito, kung ano ang gusto mong sabihin dito. Makakatulong para sa bisita na malaman ang iyong mga iniisip tungkol sa elepante na ito.

Ang isa pang mahalagang punto (na itinatag sa kurso ng maraming praktikal na pagsusulit) ay ang pagiging natatangi. Kung hinahanap mo kung paano idagdag ang attribute na "Larawan" sa isang larawan, tandaan na dapat itong natatangi para sa bawat nakalistang larawan sa site. Halimbawa, ang pag-publish ng tatlong magkakasunod na larawan na may caption na "aking elepante" ay magiging mali - makakasama lamang nito ang iyong mapagkukunan sa mga resulta ng paghahanap. Mas magandang pangalanan ang mga larawang "elephant 1" at "elephant 2", na gagawing mas kakaiba ang mga ito.

Sa wakas, tandaan ang mga parameter ng mga larawan mismo na hinahanap mo kung paano idagdag ang ALT attribute sa. Para sa mga larawan, mahalagang matugunan ang ilang pamantayan - hindi masyadong maliit, para magmukhang makatotohanan. Iyon ay, kung tumukoy ka ng isang paglalarawan, pagkatapos ay gawin ito para sa mas seryosong mga larawan na isinasaalang-alang nang mas matimbang. Huwag gawing kwalipikado ang attribute na "Larawan" para sa ilang maliliit na emoticon o katulad nito.

Search ALT

Sa wakas, napag-usapan namin ang tungkol sa mga pangunahing kaalaman ng isang katangian, ang ilan sa mga panuntunan para sa compilation nito at ang mga kinakailangan ng parehong partido (parehong mga user at search robot) sa kanila. Ngayon isipin natin: kung paano maghanap ng mga keyword at parirala,na aming irereseta sa aming website? Tulad ng nabanggit sa itaas, ang paghahanap ay dapat na nakadirekta sa mga handa na database ng mga keyword na talagang nagsisimulang makaakit ng mga customer sa iyong site. Siyempre, hindi ito makakamit kung kulang ka pa rin sa ALT attribute. Kumuha ng mga yari na keyword at parirala na ginagamit mo sa iyong nilalaman at i-paste ang mga ito sa mga larawan.

Kung wala kang ganoong impormasyon at hindi mo naisip ang lahat tungkol sa simulang unti-unting i-promote ang iyong mapagkukunan, iminumungkahi namin na magsimula kang maghanap ng mga database ng naturang “mga keyword” kung saan madali kang makakagawa ng mga bagong site. Para dito, perpekto ang mga serbisyo tulad ng Google Keyword Extract Tool o Yandex. Wordstat, na nagpapakita ng mga istatistika ng paghahanap para sa ilang partikular na parirala. Sa pamamagitan ng "paglalaro" sa mga setting na ito, maaari mong makabuluhang taasan ang bahagi ng trapiko sa paghahanap sa iyong mga site at sa gayon ay magsimulang umani ng mga bagong benepisyo. Ang pangunahing bagay ay upang maiwasan ang isang sitwasyon kung saan ang lahat ng nakikitang larawan ay kulang sa ALT attribute.

Mga Konklusyon

Kaya, ano ang masasabi natin tungkol sa katangiang inilarawan sa artikulong ito? Ito ay bahagi ng wika kung saan nilikha ang pinakasimpleng mga site - HTML. Napakadaling gawin ito, dahil inilalarawan nito ang elementarya, pangunahing wika. Upang mairehistro pa rin ang tag sa mga larawan, kailangan mong independiyenteng ilabas ito sa pamamagitan ng source code. O, gamit ang mga bagong tagubilin, simulan muli ang paggawa. Magkagayunman, ang pag-tag ng "Larawan" ay ang perpektong kaso ng kapwa benepisyo kapag pareho ang bisita at may-ari ng mapagkukunan.

Pagsasaad ng tag ay maaaring humantong sa bagomga bisita - ang hindi pangkaraniwang bagay na ito ay madalas na sinusunod sa mga serbisyo tulad ng Google at Yandex Images. Kapag nag-click ka sa isang larawan, independyenteng tinutukoy ng site ang pinagmulan kung saan kinuha ang larawan at nire-redirect ang bisita. At ito, tulad ng naiintindihan mo, ay napakahalagang magawa sa hinaharap.

Inirerekumendang: