. At ang katotohanan na ang bloke na ito ay matatagpuan sa loob ng isang listahan, ang elemento nito ay mayroong identifier id=”text-10″ .

At mula na sa klase ng "textwidget" ay nagiging malinaw na ang code na kailangan namin ay matatagpuan sa Mga Widget. At kung gayon, kung gayon ay walang silbi na hanapin ang lahat ng mga elementong ito na aming binigyang pansin. Dahil sa karamihan ng mga tema ng WordPress, ang mga widget sa sitebar ay dynamic na nabuo. Nangangahulugan ito na sa code ng file na responsable para sa sitebar ( sidebar.php) ay halos PHP code. Na hindi tumuturo sa isang partikular na widget sa anumang paraan.

Samakatuwid, pumunta tayo sa WordPress admin panel - "Hitsura" — "Mga Widget" at hanapin ang gustong widget.

At dito idinagdag namin ang alt attribute sa mga parameter ng imahe.

Upang Pagkatapos alt="Infomarketing 20/80" !}/>

Iyon ay handa na ang lahat.

Ngunit ang lahat ay malinaw sa widget, kahit sino ay maaaring hawakan ito. Paano ang tungkol sa mga partikular na elemento ng disenyo?

Bilang halimbawa, ipapakita ko ang template na ginagamit ko ngayon, sa orihinal na bersyon lamang nito. Iyon ay, sa yugto ng pag-install ay mayroon nang 21 na mga error (nawawalang katangian ng alt).

Buksan ang tab "Page Code" at pag-aralan ang code. Naghahanap kami ng mga elemento na maaari naming kumapit, kung saan mahahanap namin ang kinakailangang file at code.

Sa mga parameter ng paghahanap, dapat mong piliin na hanapin ang lahat ng mga file na ang code ay naglalaman ng pagbanggit ng elementong iyong hinahanap. Sa aming kaso, ang pangalan ng file ng imahe.

Susunod, mas mahusay na gumawa ng isang backup na kopya ng file (kopyahin ito nang hiwalay sa iyong computer) at maaari mong simulan ang pag-edit. Sa Total Commander, piliin lamang ang file at pindutin ang F4. O maaari mong kopyahin ang file sa iyong computer at buksan ito gamit ang Notepad++. Well, o hindi bababa sa, sa pamamagitan ng Notepad.

Kaya, buksan ang file at hanapin ang kinakailangang code. Maaari mong gamitin ang paghahanap ng CTRL+F.

Natagpuan namin ito at ipinasok ang kinakailangang katangian ng alt. Kaya sa lahat ng mga larawan na wala nito.

Matapos magawa ang mga pagbabago, i-save ang file at suriin muli gamit ang mga tool sa pagsusuri.

Ito, mga kaibigan, ay kung paano idinaragdag ang mga alt attribute sa mga larawan. Para sa isang visual na halimbawa, panoorin ang video tutorial. At tandaan na ito ay mas mahusay na gawin ang lahat ng mga pagbabago sa template sa

At siyempre, basahin ang artikulo tungkol dito sa pangkalahatan. Malalaman mo na maraming mga template na imahe ay hindi lamang walang mga alt tag, ngunit hindi na-optimize sa lahat.

At iyon ang lahat para sa akin ngayon. Inaasahan ko ang iyong mga komento. Lahat ng tagumpay at magandang kalooban! Magkita-kita tayo sa mga bagong video at artikulo.

>> Pag-optimize ng imahe | Mga katangian ng ALT at TITLE para sa paglalarawan ng mga larawan

Paano maayos na i-optimize ang mga larawan para sa isang website.

Pagbati, mahal na mambabasa ng aking site!

Sa artikulong ito, gusto kong sabihin sa iyo ang tungkol sa kung anong mga larawan sa mga website ang ginagamit at kung ano ang papel na ginagampanan nila para sa SEO optimization. Tingnan natin ang kahalagahan ng paggamit ng mga katangian ng alt at pamagat ng HTML code, magbigay ng mga halimbawa ng paggamit ng mga na-optimize at hindi na-optimize na mga larawan, alamin kung anong kalidad ng mga imahe ang dapat gamitin, at kung paano ito nakakaapekto sa pagpapatakbo ng site.

Mga kalamangan at kahinaan ng paggamit ng mga larawan sa site:

Mga kalamangan: Maaaring napansin mo kung bumisita ka sa maraming mga site sa Internet para sa isang tiyak na layunin, na sa halos bawat site ay mayroong lahat ng uri ng mga larawan, larawan, larawan at iba pang mga graphic na elemento. Saan sila matatagpuan at anong uri ng cognitive load ang dinadala nila sa mga site o blog na ito?

Madalas itong nangyayari kapag ang may-akda ng isang site, kapag nagsusulat ng teksto ng isang partikular na paksa, ay gustong ipahayag ang kanyang mga saloobin nang mas tumpak at malinaw upang ang taong bumisita sa site na ito ay matanggap ang lahat ng kinakailangang impormasyon nang buo. Ang kadahilanang ito ay higit na nakakaapekto sa kredibilidad nito sa mga mata ng mga bisita at pag-promote ng website sa mga search engine, social network, atbp.

Ang mga taong nasa Internet at naghahanap ng impormasyon (nilalaman) na kailangan nila ay malalaman na ang site na ito, bilang karagdagan sa mataas na kalidad at kapaki-pakinabang na teksto, ay naglalaman din ng mga visual aid sa anyo ng mga larawan, mga imahe at lahat ng uri ng mga graphic.

At kung nais mong maging hindi malilimutan at maganda ang iyong mga larawan, kailangan mong gamitin ang mga ito sa magandang kalidad kung maaari.

Ang isa pang positibong aspeto ng paggamit ng mga larawan sa site ay ang kakayahang gumamit pag-optimize ng imahe sa ilalim ng pangunahing kahilingan ng isang partikular na pahina ng site upang mapabuti ang pag-promote ng pahinang ito para sa pino-promote na kahilingan sa key.

Dagdag pa, sa mga search engine mayroong paghahanap para sa mga larawan na nasa mga site. At kung ang mga keyword ay nakasulat sa mga larawan, maaaring magustuhan ng taong naghahanap ng mga larawan batay sa query na ito ang iyong larawan at maaaring gusto niyang malaman kung saang site naroroon ang larawang ito at pumunta sa iyong site. Sa huli, makikinabang ka dito sa pamamagitan ng pagtanggap ng naka-target na trapiko sa anyo ng mga bisita sa iyong website.

Cons: Maaaring magkaroon ng maraming disadvantages sa paggamit ng mga larawan sa isang website, lalo na para sa mga baguhan. Susuriin namin ang lahat ng mga pagkakamali na maaaring gawin ng sinuman nang hindi sinasadya o hindi nalalaman, na hahantong sa katotohanan na ang paggamit ng mga graphic sa site ay maaaring takutin ang isang bisita na sinusubukan o sinusubukang i-access ang iyong site.

At maraming dahilan para dito; kapabayaan na saloobin sa trabaho ng isang tao, ang paggamit ng mga imahe na may mababang kalidad at nasa kahila-hilakbot na kondisyon, ang paggamit ng mga ito sa labas ng paksa, ang pagkakaroon ng napakaraming mga imahe na nagbibigay ng malaking bigat sa pahina, at ito ay tumatagal ng napakatagal na oras upang mai-load (kabilang ang background ng site), walang pag-optimize ng mga imahe para sa mga keyword. Narito ang mga pangunahing disadvantages ng paggamit ng lahat ng uri ng graphics sa site.

Ngunit ang mga kawalan na ito ay maiiwasan kung alam mo kung paano gawin itong positibo. Tatalakayin pa natin ang lahat ng ito sa artikulong ito. Kaya basahin mo hanggang dulo.

Mga katangian ng Alt at pamagat sa pag-optimize ng SEO ng imahe:

Tulad ng naisulat ko na sa itaas sa artikulong ito, ang paggamit ng mga larawan ay makakatulong sa site sa pag-promote nito sa mga search engine. Magbigay ng karagdagang pagdagsa ng target na madla (mga bisita) mula sa mga search engine. Upang gawin ito, kailangan mong gumamit ng dalawang kinakailangang katangian alt at pamagat para sa anumang mga larawan, larawan, larawan, atbp. Ang kakanyahan ng mga katangiang ito ay gamitin ang mga ito upang masulit ang mga ito, na makakatulong sa pagsulong ng site sa mga search engine. Sa aming kaso, mayroong dalawang mga katangian, ayon sa pagkakabanggit, at ang mga pag-andar na kanilang ginagawa ay bahagyang magkakaiba.

KatangianALT: Ang katangiang ito ay kasama sa wikang HTML. Ang layunin nito ay ilarawan ang isang bagay upang makapagbigay ng karagdagang impormasyon tungkol sa bagay na ito (sa aming kaso, mga larawan). Paano gumagana ang katangiang ito? Gumagana ito nang napakasimple: kukunin mo ang nais na larawan na nasa iyong hard drive o storage device (flash drive) at ipasok ito sa nais na pahina ng site sa tamang lugar.

Pagkatapos ay kunin mo, hanapin ang code para sa larawang ito at ilagay ang sumusunod na halaga alt=" Paglalarawan ng larawang ito gamit ang mga keyword" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}

Gumagana ang isang ito alt attribute Kaya, kapag bumisita ang isang bisita sa isang site, hindi niya nakikita ang paglalarawan ng larawan (kung pinagana ng kanyang browser ang function ng pagpapakita ng larawan), ngunit nakikita ito ng mga search robot kapag ini-index ko ang site. Makikita ng bisita ang text na ito kapag hindi pinagana ang mga larawan sa mga setting ng browser, at pagkatapos ay lilitaw ang text ng larawang ito sa lugar, kung saan mauunawaan ng bisita kung anong uri ng larawan ito. Ang katangiang ito ay isinasaalang-alang ng mga search engine kapag ini-index nila ang iyong site.

katangian ng TITLE: Ibinigay katangian ng pamagat kasama rin sa wikang html. Ang layunin nito ay pareho sa alt attribute, ngunit may pagkakaiba na ang paglalarawang ito ay ipapakita sa user ng site kapag nag-hover sa larawan gamit ang cursor. Ang katangiang ito ay hindi kasama sa pag-promote ng website, ngunit pinapayagan ka nitong pataasin ang salik sa pag-uugali, na nakakaapekto rin sa posisyon ng site sa search engine. Ito ay nakasulat tulad ng pamagat na ito=" Paglalarawan ng larawan" . Поэтому !} pag-optimize ng imahe gumaganap din ng malaking papel sa pag-promote ng website sa mga search engine.

Sample SEO-optimized na imahe gamit ang mga katangian ng alt at pamagat:

Ngayon ay makakakita ka ng sample ng isang na-optimize na larawan gamit ang dalawang attribute na nakalista sa itaas.

May katangiang pamagat (i-hover ang iyong cursor sa larawan) title="Cat gymnast" > !}

May alt attribute (walang larawan) Sample code para sa larawang ito:

Walang alt attribute (walang larawan) Sample code para sa larawang ito:

Sa anong kalidad dapat gamitin ang mga larawan at larawan sa site?

Siyempre, mas mahusay na gumamit ng mga larawan at mga imahe sa site sa magandang kalidad, ngunit upang hindi sila makakaapekto nang malaki sa paglo-load ng site. Dahil maraming tao sa Internet ang gumagamit ng Internet sa mababang bilis, at kung hindi nila hihintayin na mag-load ang site, aalis sila sa site na ito at hindi na babalik dito, na sa huli ay makakaapekto sa trapiko.

Gayundin, ang napansin ko habang tumitingin sa maraming mga site ay bilang karagdagan sa malalaking (kilobytes) na mga imahe, ang site ay gumagamit ng malaking sukat ng background bilang isang imahe. Kung napagpasyahan mo na na gumamit ng isang imahe bilang isang background, pagkatapos ay mas mahusay na piliin ito sa isang solong kulay at maliit upang ito ay magkasya at magkakaroon ka ng isang solidong larawan.

Gayundin, kapag gumagamit ng mataas na kalidad na mga imahe, kailangan mong isaalang-alang ang laki ng puwang sa disk sa iyong pagho-host at ang bilis ng server. Kung mas mababa ito, mas mabagal ang paglo-load ng iyong site. Samakatuwid, bago gamitin ang mga imahe sa magandang kalidad para sa site, kailangan mong malaman kung saan gagamitin ang mga ito at sa kung anong dami.

Dito ko tinatapos ang artikulong ito. Sana maintindihan mo ngayon kung ano ito pag-optimize ng imahe, at kung anong mga katangian ang ginagamit ng pag-optimize ng imahe para dito.

Sa pamamagitan ng paraan, kung hindi mo alam kung paano bawasan ang kalidad ng isang larawan, pagkatapos ay gamitin ang Photoshop. Upang gawin ito, pumunta sa menu na "File" at piliin ang "I-save para sa Web at Mga Device."

Kung nagustuhan mo ang artikulong ito, mangyaring mag-iwan ng komento sa ibaba ng artikulong ito. Ako ay lubos na magpapasalamat sa iyo.

Iba pang mga pahina ng site:

Halos bawat artikulo at pahina sa Internet ay may mga link at larawan, at kung biglang wala ka nito, pagkatapos ay agad na idagdag at i-optimize ang mga ito. Maaari mong i-optimize ang mga larawan at link sa pamamagitan ng paggamit ng pamagat at alt attribute. Titingnan natin kung paano ito gagawin nang tama sa artikulong ito.

Noong nakaraan, tiningnan namin ito sa pangkalahatan, ngayon ay pag-usapan natin nang mas partikular ang tungkol sa mga larawan at link.

Ang wastong paggamit ng mga katangian ng pamagat at alt ay magbibigay-daan sa iyong i-optimize ang iyong mga larawan at link at makatulong na mapataas ang trapiko sa iyong site.

Pag-navigate sa pahina:

Pagkakaiba sa pagitan ng pamagat at alt attribute

Ano ang pagkakaiba sa pagitan ng pamagat at mga katangian ng alt?? Sa unang sulyap, nagdadala sila ng isang katulad na pag-load ng impormasyon, gayunpaman, mayroon silang mga pagkakaiba at napaka makabuluhan.

katangian ng pamagat(hindi malito sa tag na Pamagat) ay naglalarawan sa elemento kung saan ito matatagpuan; Ang pangunahing layunin ng katangian ay magbigay ng karagdagang impormasyon sa bisita sa site. Dapat ibunyag ng pamagat ang kakanyahan ng elemento, maging ito ay isang larawan o isang link.

alt attribute- ay isang katangian ng img tag, ang layunin nito ay upang ipakita ang kakanyahan ng larawan kung sakaling imposibleng i-load ang imahe o kapag ang pagguhit ng mga larawan ay sadyang hindi pinagana ng mga setting ng browser. Ang pangalawang property na hindi dapat pabayaan ay ang katotohanan na ang alt attribute ay binabasa ng mga search robot. Dahil sa kasalukuyan ay hindi nila alam kung paano magbasa ng mga larawan, ang alt attribute ay para sa kanila ng impormasyon tungkol sa larawan, na ipinasok nila sa kanilang database.

Mga katangian ng Alt at pamagat para sa mga larawan.

Kapag nagdaragdag ng mga larawan sa mga post, tiyaking gamitin ang pamagat at mga katangian ng alt. Sa mga katangiang ito, sulit na isama ang mga keyword na nauugnay sa iyong post;

Ano ang isusulat sa pamagat at mga katangian ng alt?

Ang katangian ng pamagat ay para sa mga bisita, para sa detalyadong impormasyon tungkol sa larawan. Kapag nag-hover ka ng cursor sa larawan, makukuha namin ang teksto na nakasulat sa pamagat. Ang pamagat ay dapat magsama ng malawak na paglalarawan, na magpapaunawa sa iyo sa kakanyahan ng larawan.

Ang Alt ay mas nagbibigay-kaalaman para sa mga robot sa paghahanap dahil ito ay isang alternatibo sa isang graphic na imahe at ito ay nagkakahalaga ng pagpasok ng mas tiyak na mga salita sa katangiang ito na nagbubuod sa kakanyahan ng kung ano ang ipinakita.

Isang halimbawa ng paggamit ng pamagat at mga katangian ng alt kapag nag-o-optimize ng mga larawan.

Tingnan natin ang isang halimbawa ng paggamit ng pamagat at mga katangian ng alt at ang kanilang pinakamainam na pagpuno. Mayroon kaming larawang ito:

Ang img tag sa kasong ito ay ganito ang hitsura:

.

Mula sa halimbawang ito makikita natin iyan alt value ang ginagamit sa isang mas mahigpit na anyo, ito ay ipapakita kapag ang pagpapakita ng mga larawan ay hindi pinagana o may mga problema sa paglo-load ng larawan. Bakit sa isang compressed form? Ang katotohanan ay kung sumulat tayo ng isang malaking teksto at hindi naglo-load ang imahe, malamang na makikita natin ang pagdoble ng teksto. Sa madaling salita, hindi ka dapat magpasa ng isang fragment ng teksto sa katangiang alt kailangan mong idagdag ito nang maikli hangga't maaari.

Ngayon tingnan natin ang katangian ng pamagat, ito ay mas malawak na ipinakita, at mas nagbibigay-kaalaman para sa mambabasa kapag ini-hover mo ang cursor sa ibabaw ng imahe, makikita natin ang epekto ng katangian ng pamagat.

Mahalaga: subukang huwag i-duplicate ang pangunahing pamagat ng pamagat ng post at alt, maaari itong humantong sa spam, na negatibong makakaapekto sa promosyon. Baguhin ang teksto sa mga katangian.

Pag-optimize ng Mga Panloob na Link Gamit ang Katangian ng Pamagat

Upang i-optimize ang link gumamit lang ng isa katangian ng pamagat. Ang layunin ng katangian ng pamagat sa isang link- pagbibigay ng impormasyon tungkol sa iminungkahing paglipat, para sa isang mas mahusay na pag-unawa kung saan tinutukoy ng may-akda, at kung ano ang makikita natin sa huli.

Ano ang isusulat sa katangian ng pamagat ng isang link?

Paglalarawan sa link ng pamagat dapat na nagbibigay-kaalaman at nauugnay sa teksto ng parehong post mismo kung saan matatagpuan ang link at sa landing page ng transition. Sa madaling salita, dapat mo lamang banggitin ang mga artikulo na magkatulad sa paksa.

Teksto ng pamagat dapat ay iba sa anchor (link text), ito ay mahalaga at hindi dapat kalimutan. Sulit din naman gumamit ng mga keyword sa pamagat, na magpapalaki sa bigat ng landing page.

Isang halimbawa ng paggamit ng katangian ng pamagat kapag nag-o-optimize ng isang link

Sa nakikita natin, may naiambag tayo katangian ng pamagat sa paglalarawan ng link, at ang anchor ay naiiba sa teksto ng pamagat, ngunit parehong nagbibigay-kaalaman na nagsasabi sa amin tungkol sa link, na kung ano ang kailangan naming makamit.

Kung ito ang iyong unang pagkakataon na matutunaw ang impormasyong ito, kung gayon marami kang trabahong nauuna sa iyo upang i-optimize ang iyong mga link at larawan, ito ay isang mahabang mahirap na daan, ngunit ito ay magbabayad.

Ito ay nagtatapos sa aralin sa pag-optimize ng mga larawan at mga link, marami pa ring mga kawili-wiling bagay sa hinaharap, ngunit sa ngayon ay maaari mong pag-aralan ang natitira at pag-optimize ng search engine.

Maging ma-optimize at nawa ang TOP 1 ay makasama mo)))