Mga taktika sa paglago ng publisher para sa panahon ng eleksyon | WEBINAR
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.
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.
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.
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 .
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.
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.
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.
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.
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.
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.
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.
Sa kabila ng malinaw na kahalagahan nito, ang mga publisher ay kadalasang nahihirapan sa pag-optimize ng imahe dahil sa ilang karaniwang naoobserbahang hamon.
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.
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.
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.
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.
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.
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.
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:
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.
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:
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:
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.
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.
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.
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 .
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.
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.
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.
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.
Hatol: Hindi maganda, dahil wala itong katangiang alt text
Hatol: Hindi maganda, dahil sa keyword stuffing.
Hatol: Mabuti, ngunit dapat itong maging mas deskriptibo.
Hatol: Ideal
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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:
Dalawang kawili-wiling bagay ang nakikita natin dito:
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.
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.
Maingat na in-optimize ng pahinang ito ang mga larawan nito sa pamamagitan ng:
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.
Aktibo ngayon
Tingnan ang higit pa