Mga taktika sa paglago ng publisher para sa panahon ng eleksyon | WEBINAR

Matuto Nang Higit Pa

SODP

SODP Media

  • Education
    • Articles
      • Audience Development
      • Content Strategy
      • Digital Publishing
      • Monetization
      • SEO
      • Digital Platforms & Tools
    • Opinion
    • Podcast
    • Events
      • SODP Dinner Event London 2025
      • SODP Dinner Event Dubai 2025
      • SODP Dinner Event California 2025
      • All Events
  • Top Tools & Reviews
  • Research & Resources
  • Community
    • Slack Channel
    • Newsletter
  • About
    • About Us
    • Contact Us
    • Editorial Policy
  • English
sodp logo
SODP logo
    Maghanap
    Isara ang kahon para sa paghahanap na ito.
    Mag-login
    • Edukasyon
      • Podcast
      • Mga Artikulo
        • Pagpapaunlad ng Madla
        • Istratehiya sa Nilalaman
        • Digital na Paglalathala
        • Pag-monetize
        • SEO
        • Mga Digital na Plataporma at Kagamitan
        • Mga Artikulo
        • Opinyon
        • Mga Podcast
        • Mga Kaganapan
        • Pagpapaunlad ng Madla
        • Istratehiya sa Nilalaman
        • Digital na Paglalathala
        • Pag-monetize
        • SEO
        • Mga Digital na Plataporma at Kagamitan
        • Tingnan Lahat
    • Mga Nangungunang Kagamitan at Mga Review
        • Mga Platform ng Headless CMS
        • Mga Plataporma ng Digital na Paglalathala
        • Software ng Kalendaryong Editoryal
        • Mga App ng Magasin
        • Mga Plataporma ng Newsletter sa Email
        • Higit pang Mga Listahan ng Pinakamahusay na Mga Kagamitan
        • Mga Review
    • Pananaliksik at Mga Mapagkukunan
    • Komunidad
      • Slack Channel
      • Mga Oras ng Opisina
      • Pahayagan
        • Slack Channel
        • Pahayagan
    • Tungkol sa
      • Tungkol sa Amin
      • Makipag-ugnayan sa Amin
      • Patakaran sa Editoryal
        • Tungkol sa Amin
        • Makipag-ugnayan sa Amin
        • Patakaran sa Editoryal
    pang-industriya
    SODP logo
    Maging Kasosyo sa Brand

    Tahanan > Kurso sa SEO ng Publisher > Kabanata 3: SEO ng Nilalaman > Pag-optimize ng Imahe
    9

    Pag-optimize ng Imahe

    Pag-optimize ng Imahe
    Nakaraang Modyul
    Balik sa Kabanata
    Susunod na Modyul

    Layunin sa Pagkatuto

    Sa pamamagitan ng modyul na ito, matututunan mo kung ano ang image optimization, ang kahalagahan nito sa SEO, ang mga pinakamahusay na kasanayan upang magamit ito nang epektibo, at ang mga karaniwang patibong na dapat iwasan kapag nag-o-optimize ng mga imahe.

    Tagal ng Video

    19:24

    Pagsagot sa Pagsusulit

    Sagutan ang kasalukuyang pagsusulit sa modyul

    Mga Materyales

    Mga template na handa nang gamitin

    Mga Mapagkukunan

    Mga Ulat at Mapagkukunan

    Walang maipapakitang mga pagsusulit para sa modyul na ito.

    3.8.1 Ano ang Pag-optimize ng Imahe?

    Ang pag-optimize ng imahe ay ang paglalapat ng mga pinakamahusay na kasanayan sa mga larawang ginagamit mo sa iyong pahina upang mas mataas ang ranggo ng iyong nilalaman sa mga pahina ng resulta ng search engine (SERP).

    Nagpakita ang mga gumagamit ng internet ng mas mataas na kagustuhan para sa mas malawak na visual na nilalaman . Nangangahulugan ito na ang pag-optimize ng mga imahe ay kasinghalaga ng pag-optimize ng teksto sa iyong nilalaman.

    Ginagamit ang pag-optimize ng imahe upang makagawa ng mga imahe sa pinakamahusay na posibleng format, laki, at resolusyon upang mapahusay ang karanasan ng gumagamit (UX). Para maayos na ma-index at ma-crawl ng Google ang imahe, upang maipakita ito sa mga SERP, dapat i-optimize ang imahe alinsunod sa mga alituntunin ng Google , at naaangkop na matukoy sa mga kaugnay na metadata.

    Sa modyul na ito, tatalakayin natin nang mas malalim ang mga mahahalagang aspeto ng pag-optimize ng imahe.

    3.8.2 Mahalaga ba ang Pag-optimize ng Imahe para sa SEO?

    Ang mga imahe ay nilalaman din. Tulad ng teksto, lumalabas ang mga ito sa mga resulta ng paghahanap at nakakaimpluwensya kung gaano kapaki-pakinabang para sa isang mambabasa ang iyong pahina. Narito kung bakit mahalaga ang pag-optimize ng mga imahe para sa SEO.

    Karanasan sa Pahina ng Mga Epekto

    Para sa karamihan ng mga pahina, ang mga imahe ay bumubuo ng mahigit 70% ng kanilang bigat , na nangangahulugang ang paggamit ng mga hindi na-optimize na imahe ay maaaring magpabagal sa oras ng paglo-load. Dahil ang bilis ng site ay isang mahalagang salik sa pagraranggo, direktang nakakaapekto ito sa SEO. Bukod sa bilis ng site, ang mga hindi na-optimize na imahe ay maaari ring makaapekto sa karanasan ng user sa pamamagitan ng pagdudulot ng mga isyu tulad ng mga pagbabago sa layout.

    Ang mga salik na ito ay nakakaapekto sa mga core web vitals (CWV) ng iyong site na ginagamit ng Google para sukatin ang karanasan sa pahina.

    Para sa karagdagang impormasyon tungkol sa mga CWV, tingnan ang aming detalyadong modyul ng karanasan sa pahina dito .

    Nagpapabuti ng Paggapang

    Ang pag-optimize ng imahe ay kinabibilangan ng wastong pagtukoy at paglalagay ng label sa mga imahe gamit ang alt text at nakabalangkas na data, pagdaragdag ng mga imahe sa mga sitemap at paglikha ng mga bagong sitemap para sa mga imahe . Ang lahat ng ito ay nakakatulong sa mga web crawler na mabilis at wastong matukoy at maproseso ang mga imahe sa isang pahina, sa gayon ay pinapabuti ang bilis at kahusayan ng pag-crawl.

    Mga Paghahanap na Nagiging Mas Biswal

    Ang mga paghahanap sa Google ay nagiging mas biswal , sa halip na lamang sa mga keyword na nakabatay sa teksto. Ang bilang ng mga imahe sa Google ay tumaas nang husto sa nakalipas na dekada, kaya mas mahalaga kaysa dati na i-optimize ang iyong imahe.

    Mga Paghahanap na Nagiging Mas Biswal

    Pinagmulan

    Mas Malawak na Pagtingin

    Noon pa mang 2018, inanunsyo ng Google ang pangako nitong gawing mas mahalaga ang visual content sa paghahanap . Dahil dito, naglabas ang Google ng ilang mas bagong functionality — tulad ng Captions, Quick Facts at Related Searches — na pawang umaasa nang malaki sa mga imahe. Bilang isang publisher, ang paggamit ng mga feature na ito ay malamang na direktang makakaapekto sa iyong SEO at kakayahang matuklasan ang content.

    Tingnan kung ano ang mangyayari kapag hinanap natin ang FIFA World Cup sa Qatar.

    Mas Malawak na Pagtingin

    Mayroon na ngayong nakalaang side panel sa kanan na nagpapakita ng mga larawan, na itinatampok mismo sa itaas ng entry sa Wikipedia para sa terminong hinahanap.

    Ang pag-click sa tab na Mga Larawan ay hindi lamang nagpapalawak sa bilang ng mga opsyon sa pag-browse ng larawan, ngunit gaya ng nakikita natin sa berdeng kahon sa ibaba, nag-aalok na ito ngayon ng isang carousel ng mga iminungkahing termino na nagbibigay-daan sa iyong i-filter ang mga larawan ayon sa pangalan.

    Mas Malawak na Pagtingin

    Ang pag-scroll pababa (tulad ng ipinapakita sa larawan sa ibaba) ay magpapakita ng higit pang mga rekomendasyon para sa mga kaugnay na paghahanap na makakatulong sa pagpapaliit ng mga resulta o pagpapalawak ng query.

    Mas Malawak na Pagtingin

    Ang pagkakaroon ng mga larawan mula sa ranggo ng iyong nilalaman sa mga nangungunang larawan ay isa pang paraan para mapahusay ng mga publisher ang pagtuklas ng nilalaman.

    Binubuo at ina-update din ng Google ang Google Lens — ang teknolohiya nitong AI-enabled image recognition na matatagpuan sa search bar ng Google app para sa iOS at Android.

    — para mas lalo pa itong maging makapangyarihan.

    Gamit ang Google Lens, maaaring maghanap ang mga user ng karagdagang impormasyon tungkol sa mga larawan sa pamamagitan ng pag-click sa isang larawan ng isang bagay o sa pamamagitan ng pag-upload ng larawang nakaimbak sa kanilang telepono, pagkatapos ay paghiling sa Google na magpakita ng mga tugma.

    Mas Malawak na Pagtingin

    Pinagmulan

    Isang makapangyarihang tampok ng Google Lens ang multisearch, na nagbibigay-daan sa mga user na magdagdag ng mga tekstong paglalarawan sa mga paghahanap ng larawan upang mas mapadali ang paghahanap ng biswal na impormasyon.

    Nagsusumikap din ang Google na gawing mas lokal ang multisearch, na nangangahulugang maaaring ituro ng mga user ang kanilang mga camera sa isang bagay, i-upload ito sa Google Lens, mag-type ng ilang tanong, at ipapakita ng Google ang pinakamagandang resulta malapit sa kanilang kasalukuyang lokasyon.

    3.8.3 Mga Hamong Kinakaharap ng mga Tagapaglathala sa Pag-optimize ng Imahe

    Sa kabila ng malinaw na kahalagahan nito, ang mga publisher ay kadalasang nahihirapan sa pag-optimize ng imahe dahil sa ilang karaniwang naoobserbahang hamon.

    Hindi Alam Kung Aling mga Metrika ang Susubaybayan

    Pagdating sa pag-optimize ng nilalaman para sa teksto, kadalasang alam ng mga publisher kung aling mga parameter ang susubaybayan at io-optimize — mga keyword, mga haligi at cluster ng nilalaman, mga header at pamagat, atbp.

    Gayunpaman, pagdating sa pag-optimize ng imahe, maaaring hindi alam ng mga publisher kung aling mga sukatan ang dapat susubaybayan at pagbutihin. Kabilang sa mga karaniwang sukatan ang laki ng imahe, uri ng imahe at bilis ng paglo-load, ilan lamang sa mga ito.

    Mga larawan ng bulk optimization at housing keeping

    Dahil sa regular na pag-optimize ng mga larawan para sa maraming artikulong gagawin mo, maaaring maging nakakapagod ang paggawa nito. Bagama't may mga paraan para sa maramihang pag-optimize ng mga larawan, tulad ng paggamit ng mga plugin at paggamit ng CDN, mahalaga rin ang pagpapanatili ng kalidad ng larawan. Ito ay isang balanse na mahalagang makamit sa pamamagitan ng mahigpit na pagsubok.

    3.8.4 Paano I-optimize ang mga Larawan

    Ngayong naiintindihan na natin kung ano ang image optimization at kung bakit ito mahalaga para sa SEO, maaari na nating simulan ang pagtingin kung paano isasagawa ang proseso ng optimization.

    Gamitin ang Tamang Format ng Imahe

    Ang PNG at JPEG ang dalawang pinakasikat at sinusuportahang format ng imahe sa lahat ng dako . Mahalagang malaman kung alin sa dalawa ang gagamitin sa aling sitwasyon.

    Bagama't mahusay ang PNG para sa mga screenshot, graphics, at mga imaheng may teksto, mainam naman ang JPEG para sa mga litrato. Gumagamit ang PNG ng lossless compression na nakakatulong upang mapanatili ang kalidad ng imahe, habang binabawasan naman ng JPEG ang kalidad ng imahe sa tuwing sine-save ito sa format na ito.

    Ang SVG (scalable vector format) ay mainam para sa mga logo at simpleng mga geometric na hugis na may mababang complexity ng imahe.

    Ang mga mas bagong format tulad ng WebP at AVIF ay mabilis na sumisikat bilang alternatibo sa mga nabanggit na format. Bagama't ang parehong format ay nagbibigay ng mas mataas na kalidad ng resolution kasama ang kakayahang suportahan ang animation, ang WebP sa partikular ay sinusuportahan sa lahat ng modernong web at mobile browser.

    Gayunpaman, sa kabuuan, ang PNG at JPEG/JPG ang nananatiling pinakasikat na mga format ng imahe na ginagamit ng 81.3% at 76.6% ng lahat ng mga website ayon sa pagkakabanggit, kasunod ang SVG, noong Nobyembre 2022.

    Gamitin ang Tamang Format ng Imahe

    Pinagmulan

    Balansehin ang Sukat at Kalidad

    Ang pinagsama-samang laki ng mga imahe sa iyong pahina ay may direktang epekto sa bilis ng paglo-load nito. Gayunpaman, ang compression ay hindi dapat magresulta sa mababang kalidad ng imahe.

    Mahalagang mahanap ang tamang balanse sa pagitan ng kalidad at laki, ngunit maaaring maging mahirap kung susubukan mo itong gawin sa pamamagitan ng pagsubok at pagkakamali. Gayunpaman, dito talaga maaaring maging kapaki-pakinabang ang mga online tool. Ang mga tool tulad ng Imagemin ay maaaring gamitin upang i-compress ang mga imahe sa iba't ibang format sa parehong lossy at lossless na mga sitwasyon.

    Ang paggamit ng tamang format ay makakatulong din sa iyo na mahanap ang tamang balanse. Halimbawa, isaalang-alang ang paggamit ng WebP. Ang WebP ay isang mas mahusay na alternatibo sa JPEG dahil maaari itong magbigay ng 30% na mas mababang laki ng imahe nang hindi naaapektuhan ang kalidad at resolution nito.

    Kung ang WordPress ang iyong napiling CMS, maaari kang gumamit ng plug-in tulad ng Smush , Optimus o Imsanity para i-optimize ang iyong mga larawan. Makakatulong ang mga ito sa iyo na i-compress, i-resize, i-lazy load ang mga larawan at marami pang iba. Maaari mo ring tingnan ang pagpapalit ng mga animated na larawan tulad ng mga GIF (na maaaring malaki ang laki) gamit ang CSS. Ang CSS animation at mga effect ay makakatulong sa iyo na lumikha ng mga kumplikadong larawan na nagpapanatili ng integridad ng resolution at kalidad kahit na sa pamamagitan ng mataas na zoom.

    Lagyan ng Label ang mga Larawan nang Malinaw

    Ang pangalan ng larawan ay nakakatulong sa Google na maunawaan ang konteksto ng larawan pagdating sa pagraranggo nito sa SERP. Para sa mas malalaking publikasyon, maaaring hindi laging magagawang maingat na pangalanan ang lahat ng larawan sa site. Sa sitwasyong ito, maaari kang lumikha ng sitemap ng larawan na makakatulong sa Google na mahanap ang larawan, maunawaan ang layunin nito, at i-index ito.

    Bukod sa mga pangalan ng file na kontekstwal, inirerekomenda rin namin ang pagdaragdag ng pamagat at caption para sa larawan. Bagama't opsyonal ang mga ito, kinukumpleto nito ang iyong nilalaman sa pamamagitan ng pagbibigay sa search engine ng mas holistic na pag-unawa sa iyong paksa at tema, kaya nakakatulong ito na mas mahusay na mai-index ang larawan .

    Paano Ito Gawin

    Kailangang idagdag ang mga pangalan ng larawan sa source code ng iyong pahina. Ginagawa ito gamit ang img src attribute, manu-mano man o sa isang CMS plug-in.

    Kung ang iyong larawan ay naglalaman ng bola ng football, ang code para sa pinagmulan ng larawan ay dapat magmukhang ganito<img src=”football.jpg”/> , na tumutulong sa Google na maunawaan kung ano ang nilalaman ng larawan. Sa kabilang banda, ang code na ganito ang hitsura<img src=”IMG11082022.jpg”/> ay malabo at hindi nagbibigay ng anumang konteksto.

    Magdagdag ng Deskriptibong Alt Text

    Kapag hindi makita ng mga tao ang iyong mga larawan — isang isyu para sa mga may kapansanan sa paningin o kapag ang mababang bandwidth ay nagpapahirap sa pag-render ng iyong mga larawan — nakakatulong ang mga Alt Text attribute na ilarawan ang larawan para sa kanila. Nakakatulong din ito sa mga search engine na mas madaling i-crawl at i-index ang iyong mga larawan.

    Paano Ito Gawin

    Sa pagpapatuloy ng halimbawa mula sa punto sa itaas, ang code para sa Alt Text ay dapat lumitaw na parang<img src=”football.jpg” alt=""mundo" cup official football on the ground”/> .

    Kung ikaw ay isang bihasang developer, maaari mong manu-manong idagdag ang alt text sa code ng iyong pahina. Kung gumagamit ka ng WordPress, maaari mong sundin ang mga hakbang na ito:

    1. Mag-log in sa iyong WordPress dashboard
    1. Buksan ang pahinang gusto mong i-edit
    1. I-click ang larawang gusto mong lagyan ng alt text
    1. Dapat lumitaw na ngayon ang sidebar ng Pagtatakda ng Larawan

    Magdagdag ng Deskriptibong Alt Text

    1. Idagdag lang ang iyong alt text description sa kahon sa itaas at i-click ang Update

    Magdagdag ng Nakabalangkas na Data ng Larawan

    Sa pamamagitan ng pagdaragdag ng nakabalangkas na datos sa iyong mga larawan, mabibigyan mo ang Google ng kinakailangang impormasyon upang mailista ang mga ito bilang mga rich result at snippet. Nagbibigay ito sa mga user ng mas maraming impormasyon na tutulong sa kanila na piliin kung aling link ang iki-click, sa gayon ay magdadala ng mas maraming trapiko sa iyong pahina.

    Sa kasalukuyan, sinusuportahan ng Google ang nakabalangkas na data para sa mga larawan sa iba't ibang produkto , video , at ng mga recipe .

    Paano Ito Gawin

    Inirerekomenda ng Google ang paggamit ng JSON-LD para sa paggawa ng mga structured data script para sa iyong content at mga larawan.

    Madaling maidagdag ang structured data gamit ang isa sa ilang libre o premium na plug-in tulad ng Schema Pro , Schema.press , atbp. Manu-mano ka mang magdadagdag ng data ng istruktura ng imahe o sa pamamagitan ng isang plug-in, ang mga hakbang ay kinabibilangan ng pagdaragdag ng mga value para sa lahat ng kaugnay na katangian ng imahe at mga uri ng data , pagpapatunay sa code gamit ang Rich Results test at pagkatapos ay pagpapatupad nito sa pamamagitan ng pagsusumite ng image sitemap sa Google para ma-crawl at ma-index nito ang mga imahe.

    Para sa karagdagang impormasyon tungkol sa nakabalangkas na datos at kung paano ito gamitin, tingnan ang aming modyul tungkol sa schema .

    Para matutunan kung paano gumawa at magsumite ng mga sitemap, tingnan ang aming detalyadong modyul sa mga sitemap ng Google News.

    I-optimize para sa Bilis

    Ang karanasan sa pahina ay isang mahalagang pamantayan na ginagamit ng Google kapag niraranggo ang mga pahina. Isa sa mga elementong bumubuo sa karanasan sa pahina ay ang bilis ng paglo-load.

    Narito kung paano mo ma-optimize ang mga larawan upang mapabilis ang pag-load ng pahina:

    • Subaybayan ang laki ng larawan: Ang malalaking larawan o ang koleksyon ng ilang larawan sa iisang pahina ay maaaring makaapekto nang malaki sa bilis ng paglo-load nito. Ang pag-optimize ng laki ng larawan ay makakatulong sa paglikha ng mas maliliit ngunit malinaw na mga larawan.
    • Ipatupad ang lazy loading: Ang isa pang kapaki-pakinabang na pamamaraan sa pag-optimize ng imahe ay kilala bilang lazy-loading o incremental loading.

    Dito, tanging ang mga kritikal na mapagkukunan lamang ang nilo-load sa simula, habang ang iba pang mga mapagkukunang mababa ang priyoridad ay nilo-load kung kinakailangan. Kabilang sa mga benepisyo ng lazy loading ang nabawasang trapiko sa network at mga kaugnay na isyu sa bandwidth at mga gastos sa paggamit ng data, pinahusay na kakayahang mabasa ang mahahabang pahina, nabawasang paglo-load ng mga inline na imahe na hindi nagdaragdag ng halaga sa nilalaman, atbp.

    Gumawa ng mga Tumutugong Larawan

    Tinitingnan ng mga user ang mga larawan sa iba't ibang device. Ang pagpapatupad ng srcset attribute para sa iba't ibang device ay nagbibigay-daan sa imahe na lumitaw nang malinaw sa iba't ibang laki ng screen. Narito ang isang halimbawa ng img scrset code:

    Gumawa ng mga Tumutugong Larawan

    Pinagmulan

    3.8.5 Masarap Magkaroon

    Natalakay na natin ang mga pangunahing kaalaman sa pag-optimize ng imahe. Gayunpaman, ang mga puntong nakalista sa ibaba ay malaki rin ang naitutulong sa pag-optimize ng mga imahe para sa SEO.

    Magbigay ng Mataas na Kalidad na Nilalaman

    Hindi kayang tumbasan ng lahat ng imahe sa mundo ang mababang kalidad ng nilalaman. Ang pangunahing pokus ay dapat na ang nilalamang naglalayong matugunan ang mga pangangailangan ng mga gumagamit. Ang mga imahe ay dapat na isang organikong ekstensyon nito at gamitin bilang pantulong sa pangkalahatang proseso ng pagkukuwento. Ang pagdaragdag sa iyong pahina ng mga imaheng walang kaugnayan o walang kaugnayan ay hindi magpapataas ng iyong ranggo.

    Sa kabaligtaran, tutol ang Google sa mga ganitong gawain at inirerekomenda ang paggamit ng orihinal na nilalaman hangga't maaari. Ang de-kalidad na nilalaman ang pinakasiguradong makakasiguro na maganda ang ranggo ng iyong pahina sa Google Search, kabilang ang mga larawang iyong ginagamit.

    Ilagay ang mga Larawan Nang Madiskarteng

    Ang nilalaman sa paligid ng larawan ay nagbibigay ng mahahalagang impormasyon sa mga gumagamit at sa search engine tungkol sa kaugnayan ng larawan. Inirerekomenda ng Google na ilagay ang pinakamahalagang larawan malapit sa itaas ng iyong pahina.

    Bagama't pinagdedebatehan pa kung ang mga larawang inilalagay sa mas mababang page rank pati na rin ang mga nasa itaas, mainam na sundin ang mga alituntunin ng Google sa paksang ito.

    Tiyaking Maa-access ang mga Larawan

    Malabong magbunga ang lahat ng iyong pagsisikap para sa pag-optimize ng imahe kung ang mga imahe mo ay hindi maa-access ng Googlebot dahil sa robots.txt o mga setting na walang index.

    Sinasabi nito sa Google na huwag i-index o i-crawl ang iyong nilalaman, na nangangahulugang hindi ito lilitaw sa mga resulta ng paghahanap. Maaari mong gamitin ang feature na "Inspect URL" sa GSC upang subukan ang accessibility ng nilalaman at mga imahe.

    Bukod pa rito, inirerekomenda rin namin na suriin kung ang isang SafeSearch filter ay naaangkop sa iyong nilalaman sa anumang paraan. Ang SafeSearch ay isang setting ng user na ibinibigay ng Google na nagpapahintulot o humaharang sa mga larawang may tahasang nilalaman at hinihiling sa mga site na lagyan ng naaangkop na label ang nilalaman .

    Subukan ang mga Resulta

    Hindi lamang mahalaga ang pagsubok para sa kakayahang matuklasan, mahalaga rin na subukan kung paano talaga lilitaw ang iyong mga larawan sa iba't ibang device, bago ito i-live on-page. Nag-aalok din ang Google ng nakaka-engganyong visual content na may mga kuwento bilang bahagi ng format nito sa Web Stories . Bagama't partikular itong idinisenyo upang magdala ng mobile-friendly na visual content, lumalabas din ang mga larawan at teksto sa Google Images at Discover. Maaari mong gamitin ang feature na "Developer Preview" upang subukan ang iyong nilalaman para sa mas nakakahimok na pagkukuwento.

    Gumamit ng mga Orihinal na Larawan

    May mga larawang walang copyright na makukuha mula sa iba't ibang mapagkukunan tulad ng Pixabay, Unsplash at Pexels, ilan lamang sa mga ito. Bagama't maaaring libre ang paggamit ng mga ito, tandaan na ang parehong larawan ay maaaring ginamit na ng iba pang mga tagalikha ng nilalaman.

    Ayon kay John Mueller ng Google, maaari nitong gawing mas mahirap para sa larawan na ma-rank sa paghahanap ng imahe sa Google. Hangga't maaari, subukang gumamit ng mga orihinal na larawan.

    Gumamit ng mga Orihinal na Larawan

    3.8.6 Iwasan ang mga Karaniwang Patibong na Ito

    Bukod sa pagsunod sa mga naunang alituntunin, mahalaga ring iwasan ang mga karaniwang pagkakamaling ito upang mas mahusay na ma-optimize ang iyong mga imahe.

    Alt Text na Pagpupuno ng Keyword

    Gaya ng nabanggit kanina, ang paggamit ng deskriptibong Alt Text ay ginagawang mas madaling ma-access ng mga gumagamit ang iyong mga larawan. Malalaman ng Google ang mga katangian ng iyong Alt Text at may posibilidad na i-rank ang mga ito nang mas mataas.

    Gayunpaman, madaling matukso na maglagay ng mga keyword na may layuning mataas ang ranggo sa SERPs. Ito ay kilala bilang keyword stuffing at maaaring makapinsala sa iyong mga pagsisikap. Hindi lamang ito maaaring humantong sa isang hindi magandang karanasan ng gumagamit, ngunit maaari ring ituring ng Google ang iyong pahina bilang spam .

    Narito ang ilang halimbawa ng mga pagkakamali na dapat iwasan at gawin nang tama ang Alt Text.

    • <img src=”football.jpg”/>

    Hatol: Hindi maganda, dahil wala itong katangiang alt text

    • <img src=”football.jpg” alt=""putbol"" futbol soccer fifa world cup brazil socceroos argentina messi ronaldo”/>

    Hatol: Hindi maganda, dahil sa keyword stuffing.

    • <img src=”football.jpg” alt=""putbol"/">

    Hatol: Mabuti, ngunit dapat itong maging mas deskriptibo.

    • <img src=”football.jpg” alt=""mundo" cup official football on the ground”/>

    Hatol: Ideal

    Pag-embed ng Mahalagang Teksto sa Larawan

    Bagama't may built-in na optical character recognition (OCR) technology ang Google para mabasa ang tekstong nakalimbag sa mga imahe, maaaring hindi ito 100% tumpak sa bawat pagkakataon. Bukod dito, maaaring hindi mabasa ng mga user at search engine ang tekstong naka-embed sa imahe.

    Kung mayroon kang mahalagang impormasyong nais iparating, mas mainam na gumamit ng teksto kaysa sa larawan.

    Paggamit ng mga Larawang May Karapatang-ari 

    Malamang na hindi posible na gumamit ng mga orihinal na larawan sa bawat pagkakataon. Sa ganitong mga pagkakataon, maaaring matukso kang gumamit ng paghahanap sa Google upang maghanap ng mga bagong larawan. Gayunpaman, ang ilan sa mga larawang iyon ay maaaring may copyright, na naghihigpit sa paggamit ng mga ito. Nangangahulugan ito na kailangan mong suriin ang mga tuntunin ng muling paggamit ng larawan bago ito gamitin sa iyong pahina.

    Nag-aalok ang Google Images ng isang filter na kilala bilang "Mga Karapatan sa Paggamit" upang maghanap ng mga larawang may kasamang impormasyon sa lisensya na naka-tag sa mga ito ng host site o ng image provider. Ang feature na ito ay makukuha sa seksyong "Mga Tool" sa ilalim ng search box.

    Pagkatapos piliin ang larawan, maaari mong suriin ang mga detalye ng lisensya upang maunawaan ang mga implikasyon, gastos (kung mayroon man) at mga kinakailangan sa paggamit ng larawan.

    Paggamit ng mga Larawang May Karapatang-ari 

    Gaya ng nakikita mo sa screenshot sa itaas, sa ilalim ng "Mga Karapatan sa Paggamit" makikita ang mga opsyon sa lisensya ng Creative Commons at Commercial o iba pa.

    Sa pangkalahatan, ang mga larawang may lisensyang creative commons ay malayang gamitin, ngunit maaaring kailanganin ang pagbibigay ng kredito at pagbanggit ng pinagmulan. Ang mga larawang may lisensyang pangkomersyo ay karaniwang may kasamang bayad sa paggamit. Inirerekomenda ng Google na suriin ang mga detalye ng lisensya bago gamitin ang anumang larawan sa iyong pahina.

    Hindi Paggamit ng Pinakamataas na Katangian

    Ang setting na max-image-preview ay nagbibigay-daan sa iyong itakda ang maximum na laki para sa preview ng larawan kapag lumabas ito sa SERPs. Kung walang value para sa setting na ito, ipapakita ng Google ang larawan sa default nitong laki.

    Bagama't naaangkop ito sa lahat ng Google surface tulad ng mga image, search, at Discover, mas mahalaga ito kapag ginagamit ang Discover kung saan ang mas malalaking format ay nakakagawa ng mas masaganang UX.

    Naitala na ang paggamit ng katangiang "max image preview" upang mapabuti ang CTR at trapiko para sa ilang publisher. Ang paggamit ng katangiang ito ay nagbibigay-daan sa Google na magpakita ng malalaking larawan sa preview kung ano talaga ang mga ito, nang hindi sinusubukang i-compress ang mga ito o baguhin ang kanilang mga setting. Ang pagkakaroon ng malalaki at de-kalidad na mga larawan sa preview mismo ay mas malamang na makakuha ng interes ng mga naghahanap.

    Mag-ingat sa Paggamit ng Content Delivery Networks (CDNs)

    Ang mga content delivery network (CDN) ay mga outsourced hosting platform na nagsisilbing imbakan para sa mga imahe at iba pang media file. Dahil sa kanilang advanced infrastructure na nakatuon sa mga isyu ng latency at bandwidth, maaari silang mag-alok ng mas mabilis na bilis ng pag-load ng pahina kaysa sa in-house hosted material. Gayunpaman, ang mga benepisyo ng CDN ay kailangang suriin para sa iyong mga partikular na pangangailangan.

    Bagama't makakatulong ang isang CDN sa paglutas ng ilang teknikal na isyu, maaari itong makapinsala sa iyong backlink profile. Ang mga backlink ay isa sa mga pinakamataas na ranggong salik sa SEO at mahalaga sa paglabas ng iyong site sa mga resulta ng paghahanap. Maaari kang matuto nang higit pa tungkol sa kahalagahan ng mga backlink sa aming module tungkol sa paksang ito.

    Kapag nagho-host ka ng larawan sa isang CDN sa halip na sa sarili mong site, anumang backlink dito ay magdadala sa user sa path ng CDN para sa larawan, sa gayon ay mababawasan ang direktang pagbisita sa iyong site na dapat sana ay maibigay ng isang epektibong backlink.

    Maling Pag-unawa Kung Paano Binibilang ang mga Pag-click at Impression ng Image Pack

    Ang isang image pack ay isang collage ng mga larawan mula sa iba't ibang website na maaaring lumabas sa Google SERPs. Ganito ang hitsura ng mga ito.

    Maling Pag-unawa Kung Paano Binibilang ang mga Pag-click at Impression ng Image Pack

    Gayunpaman, kapag nag-click ka sa alinman sa mga thumbnail, hindi ka awtomatikong mapupunta sa pinagmulang site. Sa halip, ipapakita sa iyo ang isang window ng Google Images na may pinalawak na bersyon ng larawang iyon, tulad nito.

    Maling Pag-unawa Kung Paano Binibilang ang mga Pag-click at Impression ng Image Pack

    Sa pag-click muli sa larawan — gaya ng nakikita sa kanang panel ng screenshot sa itaas — saka mo lang aalisin ang Google at mapupunta sa source page. Sa madaling salita, ang Google Images ay nagsisilbing tagapamagitan dito bago makumpleto ang routing action.

    Kung ang iyong larawan ay bahagi ng isang image pack, magtatala ang Google Search Console (GSC) ng impression para sa larawang iyon sa bawat pagkakataong ilo-load ang pack sa isang SERP. Ito ay dahil sa title attribute ng iyong image tag na naglalaman ng iyong URL.

    Ngunit bagama't maaari kang makapagtala ng mataas na bilang ng mga impression, ang aktwal na bilang ng mga pag-click sa iyong site ay malamang na mas mababa dahil sa katotohanang ang mga image pack ay naglalaman ng mga query refinement link na bumubuo ng isang bagong resulta ng paghahanap sa Google Image sa halip na idirekta ang mga naghahanap palabas ng platform.

    Dahil sa paraan ng paggana ng mga query refinement link, pati na rin kung paano binibilang ng GSC ang mga impression at click, maaaring lubos na mabago ng mga image pack ang iyong click-through rate (CTR) para sa mga larawan.

    3.8.7 Mga Halimbawa ng Mahusay na Pag-optimize ng Imahe

    Ngayon ay dadako tayo sa isang case study ng isang website upang suriin kung paano nito ipinatupad ang mga alituntuning nabanggit sa modyul na ito upang ma-optimize ang mga imahe.

    Pag-aaral ng Kaso: Mga Pagnanasa ni Kirbie

    Ang Kirbie Cravings ay isang food blog na nakabase sa San Diego na nakapaglathala na ng daan-daang mga recipe sa kanilang site. Ang bawat recipe ay may kasamang matingkad at de-kalidad na mga imahe.

    Pag-aaral ng Kaso: Mga Pagnanasa ni Kirbie

    Pinagmulan

    Kapag nag-right click tayo sa pahina at tiningnan ang source code nito, makikita natin ang max-image-preview:large na katangian sa<head> elemento sa simula mismo ng source code.

    Pag-aaral ng Kaso: Mga Pagnanasa ni Kirbie

    Bilang resulta, lumalabas ang mga de-kalidad na larawan ng publisher sa mga preview sa mga Google surface.

    Kasabay nito, kahit na malalaki, hindi pinapabagal ng mga larawang ito ang oras ng paglo-load ng pahina.

    Mag-right click tayo sa larawan at piliin ang “inspect”. Magbubukas ito ng panel sa kanang bahagi ng pahina kung saan maaari nating siyasatin ang mga katangian ng napiling elemento sa pahina. Makikita natin ang sumusunod para sa larawan sa itaas:

    Pag-aaral ng Kaso: Mga Pagnanasa ni Kirbie

    Dalawang kawili-wiling bagay ang nakikita natin dito:

    1. Ang laki ng file ng imahe ay 55.6kb lamang.
    1. Ang larawan ay nasa format na .jpg.

    Gaya ng napag-usapan na natin kanina, ang mga imahe ang siyang nagbibigay ng malaking bigat sa bigat ng isang pahina, kaya mahalaga ang pagpapanatiling magaan ng mga ito upang mapabilis ang paglo-load ng iyong pahina.

    Tinalakay din natin ang kahalagahan ng paggamit ng tamang format ng file. Inirekomenda namin ang .jpg/.jpeg para sa mga litrato, habang ang .png ay dapat gamitin para sa mga graphics at digital na imahe. Makikita natin sa ibaba na ginagamit ng Kirbie Cravings ang .png saanman ito gumagamit ng mga digital na imahe tulad ng mga logo at icon.

    Pag-aaral ng Kaso: Mga Pagnanasa ni Kirbie

    Susunod, sa loob ng parehong panel ng inspeksyon na ito, kapag pinindot natin ang "Properties" makikita natin na gumamit ang pahina ng lazy loading, sa kabila ng medyo magaan na bigat ng mga imahe.

    Pag-aaral ng Kaso: Mga Pagnanasa ni Kirbie

    Maingat na in-optimize ng pahinang ito ang mga larawan nito sa pamamagitan ng:

    1. Paggamit ng magaan na mga imahe at larawan.
    1. Paggamit ng tamang format para sa mga imahe at litrato.
    1. Gamit ang max-image-preview-large:attribute.
    1. Paggamit ng lazy loading upang matiyak na ang mga pinakamahalagang bahagi ng pahina ang unang mare-render.

    3.8.8 Mga Aksyon at Pundasyon

    Habang umuunlad ito upang mas matugunan ang mga pangangailangan ng mga gumagamit nito, tiyak na magdaragdag/mag-a-update ang Google ng mga tampok at patakaran patungkol sa pag-optimize ng imahe at ang epekto nito sa mga resulta ng paghahanap.

    Sa pamamagitan ng pagsasaalang-alang sa kasalukuyang pinakamahusay na kasanayan sa imahe pagdating sa iyong website, mas magiging handa ka para makapagbigay ng pinakamahusay na UX, mas mataas ang ranggo sa SERPs, at kalaunan ay makapagdala ng trapiko sa iyong direksyon.

     

    Nakaraang Modyul
    Balik sa Kabanata
    Susunod na Modyul

    Aktibo ngayon

    9

    Pag-optimize ng Imahe

    Tingnan ang higit pa

    1

    Pananaliksik sa Keyword

    2

    Karanasan, Kadalubhasaan, Awtoridad at Tiwala (EEAT)

    3

    Pamagat at Mga Pamagat ng Balita

    4

    Bumuo ng Orihinal na Pag-uulat

    5

    Kasariwaan ng Nilalaman

    6

    Paksa at Kaugnayan

    7

    Mga Petsa

    8

    Nilalaman ng Video sa Google News

    10

    Profile ng Backlink

    11

    Panloob na Pag-uugnay

    12

    Lokasyon

    SODP logo

    Ang State of Digital Publishing ay lumilikha ng isang bagong publikasyon at komunidad para sa mga propesyonal sa digital media at paglalathala, sa larangan ng bagong media at teknolohiya.

    • Mga nangungunang kagamitan
    • SEO para sa mga publisher
    • Patakaran sa privacy
    • Patakaran sa editoryal
    • Mapa ng Site
    • Maghanap ayon sa kumpanya
    Facebook X-twitter Maluwag Linkedin

    KALAGAYAN NG DIGITAL NA PAGLALATHALA – KARAPATAN SA PAGKAKAROON 2026