Paglikha ng Google Web Stories: Isang Gabay sa Pinakamahusay na Kasanayan para sa Mga Publisher

Ang Google Web Stories ay mga tappable, interactive, at immersive na content na katulad ng mga Instagram at Facebook story. 

Inilunsad noong 2018 bilang AMP Stories, binago ng Google ang tatak ng visual format na ito patungong Web Stories noong 2020 , ¹ marahil dahil sa medyo kontrobersyal na katangian ² ng teknolohiya ng AMP sa larangan ng digital publishing ³ .

Sa kanilang na-update at mas pinong anyo, ang Web Stories ng Google ay isang mayaman sa biswal na anyo ng nilalaman na nagbibigay-daan sa mga publisher ng higit na kontrol sa kanilang malikhaing output at branding. Gaya ng sinasabi ng Google, ang Web Stories ay " isang web-based na bersyon ng sikat na format ng Story, na nagpapahintulot sa mga tagalikha na i-host at ariin ang kanilang nilalaman ." ⁴

Dahil halos dalawang-katlo ng mga mambabasa (64%) ang mas gusto ang mga kwentong nilalaman kaysa sa katumbas nito na nag-i-scroll, ayon sa isang pag-aaral noong 2019 , dapat pagtuunan ng pansin ng mga developer ang 'paggamit' sa format na ito ^.

Gayunpaman, isiniwalat ng parehong survey na mayroong "maraming mga patibong sa disenyo na maaaring lumikha ng kalituhan, pagkapagod, at pagkadismaya". Samakatuwid, ang pagpapatupad ng pinakamahusay na kasanayan sa disenyo ay mahalaga para sa paglikha ng mga web story na may pinakamataas na epekto.

^-  publish ng mga Google Web Stories na mayaman sa biswal, mapapanatili ng isang publisher ang kontrol sa pagkamalikhain, malinang ang tiwala sa brand , at makapagdala ng trapiko sa kanilang website.

Ano ang mga Google Web Stories?

Ang mga Web Stories ay isang biswal na format ng pagsasalaysay na binubuo ng isang pagkakasunod-sunod ng mga imahe at video na may teksto at/o audio. Ang nilalaman ay maaaring hatiin sa isang partikular na pagkakasunod-sunod ng panonood, kung saan ang bawat bahagi ay awtomatikong ipapakita sa mga gumagamit pagkatapos ng ilang segundo o kapag sila ay nag-tap o nag-click.

Hindi nawawala ang mga Web Stories pagkalipas ng 24 oras, kabaligtaran ng mga story sa Snapchat o Instagram, na nagpapahintulot sa mga publisher na ilapat din ang format na ito sa evergreen na nilalaman.

Ang mga Web Stories ay binuo sa AMP, na nagmamana ng lahat ng kaugnay na benepisyo nito:

• Maaari itong i-embed sa anumang website
• Gagana ito sa kahit anong browser, mobile o desktop
• Mataas na bilis ng paglo-load
• Matutuklasan sa mga resulta ng Google Search, kabilang ang Google Discover sa pamamagitan ng Web Stories Carousel at Google Images

Kasaysayan ng Mga Kwentong Tappable

Nang simulan ng Snapchat ang format ng kwento, na ginawa itong pangunahing bahagi ng app nito, kakaunti ang nag-isip na magiging matagumpay ang format na ito ng pagsasalaysay.

Gayunpaman, ang unang sumunod ay ang Instagram, kung saan ginagamit na ito ngayon ng 500 milyong tao.7 Pagkatapos ^ay ang WhatsApp at kasama rin sa Facebook, Medium, Skype, YouTube, Twitter at maging sa LinkedIn ang format na iyon.

Simula noon, nagkaroon ng ilang kapansin-pansing nasawi, kung saan ang Twitter , ^Skype , at LinkedIn ^{ay -} anunsyo na aalisin na nila ang format ng mga kuwento.

Samantala, isinama ng Google ang tampok nitong mga kuwento bilang bahagi ng ispesipikasyon ng AMP , na nagpapahintulot sa mga publisher na gamitin ang format sa kanilang online na pagkukuwento. ¹¹

Mga Tampok ng Google Web Stories

Naipakita na ang Google Web Stories ay isang epektibong format ng online storytelling, kung saan ang nabanggit na pag-aaral noong 2019 ay nagpapakita na ang mga mambabasa ay nakakahanap ng "mga halimbawa ng kwentong maaaring tapikin na mas kaakit-akit sa paningin at mas madaling i-navigate kaysa sa mga katumbas nito sa pag-scroll".

Lalo na ito pagdating sa mga partikular na uri ng nilalaman, tulad ng evergreen lifestyle content. 

Sa isa sa mga Web Stories ng Google, maaaring magsama ang isang publisher ng lahat ng uri ng visual na nilalaman: mga larawan, tunog, video o mga animation.

Maaaring i-index ng mga search engine ang mga kuwentong ito at ilabas upang sagutin ang query ng isang user. Ipinapakita ng Google Search ang mga ito sa isang snippet para sa Mga Nangungunang Kwento kapag ang isang user ay gumawa ng query sa paghahanap na may kaugnayan sa balita.

Maaaring gawing responsive ang mga Web Stories, na nangangahulugang iaangkop ang mga ito sa laki ng screen ng user, web-based man ang bersyong tinitingnan nila o sa mga mobile device. 

Maaaring magdagdag ang mga publisher ng mga link at call to action (CTA) kahit saan sa isang pahina. Nakakatulong ito upang mahikayat ang mga engaged user na ipagpatuloy ang kanilang paglalakbay sa ibang lugar, magbasa ng higit pang mga artikulo o mag-subscribe.

Ang pagdaragdag ng pangwakas na pahina, na tinatawag na bookend, ay maaaring mag-highlight ng pagbabahagi sa social media at mga kaugnay na link.

Paano Gumawa ng Google Web Stories – Pinakamahusay na Kasanayan sa Disenyo

Para sa mas maliliit na publisher na walang malaking coding team, ginagawang madali ng Google ang paggawa ng web story.

Ang ikatlong episode ng lingguhang seryeng pang-edukasyon ng Google Web Creators na "Storytime" ay isang magandang panimula. ¹² 

Ang paggawa ng Google Web Stories ay kinabibilangan ng mga sumusunod na hakbang.

Pumili ng Visual Editor

Binubuo ang mga web story ng isang serye ng mga panel na maaaring i-tap o hintaying awtomatikong magbago ang mga user.

Ang bawat bagong pahina ay binubuo ng kombinasyon ng teksto, mga imahe, at mga video, na may katangian ng biswal na format na humihingi ng matingkad at mayaman sa grapikong nilalaman. Samakatuwid, ang isang visual editor — sa anyo ng software, isang plugin, o isang online na serbisyo — ang una at marahil ang pinakamahalagang hakbang sa paglikha ng mga Web Stories.

 Mayroong iba't ibang mga tool at hanay ng mga produkto ng Google na dapat isaalang-alang kapag lumilikha ng Google Web Stories.

Para sa mga tagalikha ng nilalaman na may WordPress website, dalawang plugin lang talaga ang dapat isaalang-alang:

Mga Kuwento sa Web

May sarili ring Web Stories editor para sa WordPress, na inilalarawan ng Google bilang isang madaling gamitin at "WYSIWYG creation tool". ¹³

Gumawa ng mga Kwento

Ang MakeStories ay isang open-source visual editor na tumutulong sa paglalathala ng Google Web Stories nang direkta mula sa dashboard ng isang WordPress site.

Mga Alternatibo sa WordPress

Para sa maliliit na publisher na hindi gumagana sa WordPress, ngunit nais pa ring ipatupad na ito sa kanilang site, mayroong ilang drag-and-drop, no-code tools na kapaki-pakinabang para sa pagbuo ng Google Web Stories , kung saan ang Newsroom AI at MakeStories ang nangunguna sa mga pagpipilian. ¹⁴

Ibalangkas ang Kwento

Ang susunod na payo na ibinibigay ng Google ay ang paggawa ng storyboard na nagpapakita kung anong mga imahe, at nilalaman , ang lilitaw sa bawat panel ng kuwento. Ang isang mahusay na Web Story ay tiyak na iyon, isang kuwento na nagsasalaysay ng isang salaysay mula simula hanggang katapusan.

Nag-aalok ang Google ng libreng template para tulungan ang mga tagalikha sa paglikha ng isang bagong kuwento. ¹⁵ 

Mga Pinagmulan ng Malikhaing Asset

Ang paghahanap ng tamang nilalaman, mula sa larawan sa pabalat hanggang sa huling panel ay marahil ang pinakamahalagang bahagi ng paglikha ng isang bagong kuwento.

Dapat tiyakin ng mga publisher na gumamit ng alt text at tiyaking hindi nila nilalabag ang mga batas sa copyright. Bukod pa rito, mahalagang tandaan na ang lahat ng full-screen na video ay dapat na naka-format nang patayo. Titiyakin nito na ang Web Stories ay gagamit ng kaunting bandwidth at maglo-load nang mabilis hangga't maaari. 

Simulan ang Paglikha

Kapag naiplano na ang isang pangitain, oras na para lumipat sa napiling editor at simulan ang paglikha. Magsimula sa pamamagitan ng paglalagay ng mga larawan o video at paglikha ng tumpak na teksto. Panatilihing maikli ang pamagat at kaakit-akit ang mga CTA. Magbigay ng link sa isang nais na site upang hikayatin ang mga manonood na mag-subscribe.

Isaalang-alang ang sumusunod na pananaliksik kapag lumilikha ng mga web story:

• Nakakapanghina ng loob ng mga mambabasa ang mga kuwentong masyadong mahaba
• Ang sobrang nilalaman sa iisang panel ay maaaring magdulot ng kalituhan at pagkapagod ng mambabasa
• Pinahahalagahan ng mga mambabasa ang mga Panawagan sa Pagkilos at iba pang mga biswal na pahiwatig
• Sa wastong pagkakalagay at dami, ang mga kwentong maaaring i-tap ay isang magandang pagkakataon para kumita sa pamamagitan ng mga advertisement

Pindutin ang I-publish

Kapag ang Google Web Story ay nabuo, nakuha, at nagawa na, oras na para ipakilala ito sa mas malawak na mundo. Ang paggamit ng visual editor ay ginagawang madali ito tulad ng pagpindot sa buton na "publish".

Ang mas malalaking publisher — o iyong mga may kinakailangang mapagkukunan at teknikal na kadalubhasaan — ay malamang na mas gugustuhin ang paggawa ng mga kuwento mula sa simula gamit ang HTML, CSS at Javascript kasunod ng pamantayan ng Google AMP.

Ang pag-coding ng mga web story ay nagbibigay ng mahusay na kontrol sa huling produkto at mas madaling integrasyon sa isang umiiral na CMS at codebase.

Huwag Kalimutan ang SEO

Madaling madala sa malikhaing aspeto ng pagbuo ng mga Web Stories, ngunit mahalagang tandaan din na sumunod sa mga pinakamahusay na kasanayan sa SEO upang matiyak na ang mga natapos na kwento ay talagang lilitaw sa mga resulta ng paghahanap. Ang isang Web Story ay isa lamang web page, kung tutuusin.

Nagbigay ang Google ng listahan ng mga pinakamahusay na kasanayan sa SEO na naaangkop din sa mga Web Stories. ¹⁶ Kabilang dito ang:

• Pagbibigay ng de-kalidad na nilalaman
• Paggamit ng mga mapaglarawang pamagat na wala pang 70 karakter
• Pag-iwas sa paggamit ng mga katangiang noindex
• Paggawa ng kwento na self-canonical
• Pagsunod sa mga alituntunin ng metadata ng kwento ng AMP ¹⁷
• Pagsubok gamit ang tool na AMP Validator ¹⁸
• Iwasan ang mga larawang naglalaman ng burned-in na teksto
• Paggamit ng tamang laki at aspect ratio ng larawan ng poster
• Pagtiyak na ang logo ay may tamang aspect ratio

Magagandang Halimbawa ng Google Web Stories

Ang pinakamahusay na paraan upang maranasan ang kapangyarihan at kakayahang magamit ng Google Web Stories ay ang pagtingin sa magagandang halimbawa mula sa ilang kilalang publisher:

Mga Halimbawa ng Portrait Mode

Ang mga kuwentong ito ay ginawa para maranasan gamit ang mga mobile device. Maaari itong ma-access gamit ang desktop, ngunit karamihan sa espasyo sa screen ay hindi nagagamit.

ng VICE ang mahusay na paggamit ng Google Web Stories format, gamit ang disenyo nito upang lumikha ng evergreen lifestyle content sa anyo ng mga demonstrasyon sa pagluluto sa buong panahon ng pandemya ng COVID. ¹⁹

ang Refinery 29 ng katulad na pamamaraan ng skip-video upang lumikha ng mga kwentong pang-edukasyon. ²⁰

Ipinapakita ng The Lonely Planet kung gaano kaakit-akit ang magagandang imahe at makapangyarihang mga caption gaya ng video sa mga kwentong may kwento. ²¹

BBC News – Protesta sa Hong Kong na Post-It. ²² Ang ilan sa mga pahina ay may video na may fallback na larawan kapag hindi ito ma-load o hindi sapat ang bandwidth para i-download at i-play ang video. Ang bookend ay nagdidirekta sa mambabasa sa higit pang nilalaman na may kaugnayan sa mga protesta sa Hong Kong at sa homepage ng BBC News.

CNN World – Araw ng Bastille: Paano nito binigyang-inspirasyon ang mga siglo ng sibil na pagsuway . ²³ Mayroon itong kumpletong byline na may petsa ng paglalathala, at ang bawat larawan ay kinikilala sa photographer at ahensya . Mas marami itong teksto kaysa sa halimbawa mula sa BBC.

Paano Magkakita ng Isang Google Web Story

Kapag naipatupad nang tama, ang mga full-screen interstitial ad ay maaaring maging isang epektibong paraan para sa mga publisher upang pagkakitaan ang kanilang mga visual na kwento.

Ang paglalagay ng mga ad sa isang Google Web Story ay nangangailangan ng pag-configure ng isang platform ng ad na sumusuporta sa pagsasama ng mga ad sa isang web story.

Sa panahon ng paglalathala, ang pinakasimpleng paraan ng pagsasama ng mga ad sa isang Web Story ay ang pagsisilbi sa mga ito mula sa Google Ad Manager o Google AdSense, na parehong nagpapadali sa programmatic advertising, ayon sa open-source na komunidad ng mga developer ng AMP . ²⁴

Gayunpaman, may mga paraan para maisama ng ibang mga platform ng ad ang suporta para sa mga Web Story ad pati na rin para sa parehong publisher na maglagay ng mga custom na ad mula sa sarili nilang ad server.

Kailangang maghatid ng mga wastong AMPHTML ad, na may karagdagang metadata upang payagan ang AMP runtime rendering, pati na rin ang pagsasama ng Fast Fetch. Nagbigay ang komunidad ng AMP ng dokumentasyon sa parehong AMPHTML ad , ²⁵ ang mga karagdagang metadata tag ²⁶ at pagsasama ng Fast Fetch ²⁷ .

Gumawa rin ang komunidad ng dokumentasyon para sa mga publisher na interesado sa paghahain ng mga ad mula sa kanilang advertising network, bagama't may disclaimer na ito ay isang " mas kumplikadong " solusyon. ²⁸

Ang Google Ads ay lubos na nababaluktot at madaling mai-integrate sa WordPress plugin, MakeStories at NewsRoom AI.

Ang isa pang opsyon para sa pagkakitaan ng Google Web Stories ay ang pagsasama ng mga affiliate link sa story o pag-publish ng sponsored content. Maaari itong magsama ng link papunta sa iba't ibang web page, kabilang ang mga Patreon page o product page.

Ang mga publisher na gumamit ng subscriber-driven revenue model ay maaaring maglagay ng link na “magbasa pa” sa bookend ng kuwento na magdadala sa mga walang subscription sa isang pahina ng pagpaparehistro. ²⁹

ng seksyong Visual Stories ng Australian ang pamamaraang ito, kung saan ang bawat kuwento ay nagsisilbing preview sa nilalamang nasa likod ng isang paywall. ³⁰

Tulad ng anumang sa advertising , mahalagang isaalang-alang ang site, base ng mambabasa, at format ng pahina.

Pangwakas na Kaisipan

Gumagamit ang Google Web Stories ng isang nakakaengganyong format na nakasanayan na ng mga tao sa mobile at social media.

Madali ang pagbuo ng mga Web Stories para sa mga publisher ng anumang laki, salamat sa mga madaling gamitin at walang code na tool para sa paggawa ng mga kwento. At ang mga benepisyo ay higit pa sa isang kaaya-ayang karanasan ng user, dahil ang kanilang bilis ng paglo-load at format ay ginagawa itong perpektong kandidato para sa mahusay na pagganap sa SEO.

Ang paggawa ng Google Web Stories ay nagbibigay sa mga publisher ng mas malaking kontrol sa kanilang nilalaman at brand, naghahatid ng organic traffic, at nag-aalok ng mas maraming pagkakataon para sa monetization.

Sa pamamagitan ng paggamit ng nilalamang may kwento, mapalawak ng mga publisher ang kanilang abot habang pinapanatili ang pagmamay-ari ng kanilang IP.