Sisu
- Avage Graph Protocol lühidalt
- Alustamine
- Põhitõdede kokku panemine
- Õige Open Graphi tüübi valimine
- Tegevused
- Ettevõtted
- Grupid
- Organisatsioonid
- Inimesed
- Kohad
- Tooted ja meelelahutus
- Veebisaidid
- Teie metaandmete laiendamine
- Mida saaksime veel pakkuda?
- Avatud graafiku siltide värskendamine
- Enne rakendamist testige
- Nupu "Meeldib" lisamine oma lehele
Selles õpetuses näeme, kuidas saaksime kasutada Facebooki avatud graafikut, et muuta meie sait Facebooki sõbralikumaks. Sellel on palju eeliseid, kuid peamiselt võimaldab see teie välisel veebilehel olla samaväärne Facebooki lehega. Seega, kui kasutajale teie leht meeldib, luuakse teie lehe ja kasutaja vahel ühendus. Seejärel kuvatakse teie leht kasutaja profiili jaotises Meeldimised ja huvid ning teil on võimalus kasutajale ka värskendusi avaldada. Samuti saate määratleda massiliselt kuvatava koopia ja pisipildi.
Kuidas siis seda saavutada? See on üllatavalt lihtne. Esitades struktureeritud andmekogumi (kasutades Open Graph Protocol-i) saate määratleda, kuidas teie sait on Facebookis esindatud.
Avage Graph Protocol lühidalt
Avatud graafiku protokolli lõi algselt Facebook. Esialgne versioon põhineb RDFa-l (või ressursikirjelduse raamistiku atribuutidel), mis on vahend täiendavate meta> märgendid pea> veebileht, mis võimaldab sellel saada objekt sotsiaalgraafikus, antud juhul Facebookis. See on loodud olemasolevate avatud standardite abil, et luua semantilisem veeb.
Alustamine
Alustamiseks ja lehtede muutmiseks graafikuobjektideks on vaja vaid lisada vastav Open Graph'i protokoll meta> sildid ja nupp "Meeldib" teie lehele (lehtedele).
Me käsitleme nupu "Meeldimine" kinnistamist veidi hiljem, kuid kõigepealt peame selle kallal töötama meta> sildid teie lehe objekti määratlemiseks.
Meie kasutatavad sildid on ülimalt lihtsad ja näevad välja järgmised:
meta vara = "og: title" content = "Ava graafiku õpetus" />
Näete, et see on igal juhul kehtiv metasilt. Kõik, mida me teeme, on kohandatud atribuudi kasutamine vormis og: vara. Atribuudid ise on määratletud Open Graph'i protokolliga ja hõlmavad peaaegu kõike, mida vajate oma lehe määratlemiseks (me käsitleme neid varsti üksikasjalikumalt).
Open Graph'i protokollil on neli nõutavat omadust:
og: pealkiri - teie objekti pealkiri (nt „Open Graph Tutorial“)
og: tüüp - teie objekti tüüp (nt artikkel)
og: pilt - pilt, mis tähistab teie objekti
og: url - teie objekti kanooniline URL
Nende nõuetega tuleb arvestada paari olulise punktiga:
Tüüp - see peab alati olema toetatud tüüpide loendist sobiv objektitüüp
Pilt - teie pilt peab olema vähemalt 50 x 50 pikslit ja maksimaalne suhe 3: 1
URL - seda kasutatakse unikaalse ja püsiva ID-na graafi sees
Väärib märkimist, et saate tarnida mitu og: pildiväljad; kui kasutaja teie lehte „Jagab” või „Meeldib”, saab ta valida, millist pilti teie lehe kuvamiseks oma profiilivoos kasutada.
Lisaks neile nõuetele on Facebook laiendanud põhilisi metaandmeid, et lisada veel kaks kohustuslikku välja, et teie leht Facebookiga ühendada:
og: saidi_nimi - Inimloetav nimi teie saidile (nt „.net Magazine”)
fb: administraatorid või fb: app_id - komadega eraldatud Facebooki kasutajatunnuste või rakenduste ID-de loend
Märkate, et viimaste ees on eesliidefb' selle asemel 'og’. Seda seetõttu, et see võimaldab Facebookil siduda täpseid kasutaja- või rakenduse ID-sid, mis saavad lehte hallata. Mõlemad on õiged lisada oma lehele või võite need lihtsalt välja jätta, kui need pole asjakohased.
Facebook soovitab teil lisada veel ühe atribuudi, kirjelduse sildi:
og: kirjeldus - Teie lehe lühike (üks kuni kaks lauset) kirjeldus.
Kirjelduse atribuudi lisamine on suurepärane viis selle väikese lisateabe koheseks saamiseks oma lehe kohta teistele.
Põhitõdede kokku panemine
Pärast selle kõige kokkuvõtmist on mõistlik vaadata, kuidas see kõik kokku näeb, kui see kokku panna, et moodustada kehtiv Open Graph'i objekt. Kasutan ühte oma isiklikule lehele manustatud koodi, mida kasutasin mõne minu tehtud segu reklaamimiseks:
! - FACEBOOK AVATUD GRAAFIK -> meta property = "og: title" content = "Mike Mackay - maja soojenemise segu (mai 2011)" /> meta property = "og: type" content = "mix" /> meta vara = "og: image" content = "http://dj.mikemackay.co.uk/uploads/thumbnail.webp">
Oma Open Graphi koodis olen määranud tüübi "mix". Eelolevast loendist märkate, et „mix” ei ole tegelikult määratletud objektitüüp: see on graafikus aktsepteeritav kasutamine ja ma selgitan vaid hetkega. Samuti olen graafikus selle konkreetse objekti administraatorina määranud oma Facebooki kasutajatunnuse.
Õige Open Graphi tüübi valimine
Teie objekti graafikul esitamiseks peate määrama selle tüübi. Nagu nägime, kasutatakse seda atribuudi og: type abil. Saadaolevad toetatud objektitüübid kuuluvad kaheksa tekirühma ja on järgmised:
Tegevused
- aktiivsus
- Sport
Ettevõtted
- baar
- ettevõte
- kohvik
- hotell
- restoran
Grupid
- põhjus
- spordi_liiga
- spordimeeskond
Organisatsioonid
- bänd
- valitsus
- mittetulundusühing
- kool
- ülikool
Inimesed
- näitleja
- sportlane
- autor
- direktor
- muusik
- poliitik
- profiil
- avaliku elu tegelane
Kohad
- linn
- riik
- maamärk
- osariigi provints
Tooted ja meelelahutus
- album
- raamat
- juua
- toit
- mäng
- Film
- toote
- laul
- telesaade
Veebisaidid
- artikkel
- ajaveeb
- veebisaidil
Toodete puhul, millel on UPC-kood või ISBN-number, saate need täiendavalt määrata, kasutades nuppu og: upc ja og: isbn omadused.
Veebisaitide kategooriasse kuuluva sisu jaoks soovitab Facebook järgmist:
"Kasutage artikkel mis tahes URL, mis tähistab mööduvat sisu - näiteks uudisteartikkel, ajaveebipostitus, foto, video jne. Ärge kasutage veebisaidil sel eesmärgil. veebisaidil ja ajaveeb on kavandatud esindama tervet saiti; og: tüüp silt tüüpidega veebisaidil või ajaveeb peaks tavaliselt ilmuma ainult domeeni juurel. "
See loetelu peaks osutuma enamiku inimeste ja lehtede jaoks piisavaks: on siiski juhtumeid, kus üks konkreetne objektitüüp ei sobi päris hästi (nagu minu näites "miksid"); nendel juhtudel saate määrata oma tüübi. Selle tegemise negatiivne külg on see, et need tüübid on Facebookis esindatud kui "muud".
Facebook ütleb, et jälgib aktiivselt kõige sagedamini kasutatavaid tüüpe ja lisab need toetatud loendisse og: tüübid omal ajal.
Teie metaandmete laiendamine
Mõne lehe jaoks võime soovida lisada objekti kohta täiendavaid andmeid, näiteks kohviku, ettevõtte või hotelli asukoht. Avatud graafik võimaldab teil seda rahuldada, luues nii palju og: atribuute, kui vajate, et pakkuda oma veebilehtedele täiendavat konteksti.
Oletame, et oleme loonud lehe ja loonud oma ettevõttest objekti, Londoni restorani. Seejärel saame graafikule lisada täiendavaid üksikasju oma asukoha ja kontaktandmete kohta, edastades oma kohandatud atribuudid:
meta vara = "og: tänava aadress" content = "123 suvaline tänav" /> meta property = "og: city" content = "London" /> meta vara = "og: postiindeks" content = "XY1 2ZZ" /> meta property = "og: country-name" content = "Ühendkuningriik" />
Seejärel edastame ka broneeringute ja päringute kontaktandmed:
meta property = "og: email" content = "[email protected]" /> meta property = "og: phone_number" content = "02071234567" />
Sel viisil täiendavate metaandmete ja meie nõutavate omadustega kombineerimisel saame graafikule lisada hulga väärtuslikke andmeid.
Mida saaksime veel pakkuda?
Mul on hea meel, et küsisite. Avatud graafik võimaldab teil ka otse heli või videot lisada. Oletame näiteks, et olete bändis (või vastutate isegi nende reklaamimise eest) ja andsite just välja uue loo. Soovite võimalikult palju säritust ja meedium otse kinnitades saate oma vaatajaskonna maksimeerida tõeliselt lihtsalt.
meta vara = "og: audio" content = "http://www.myband.com/song.mp3" /> meta omadus = "og: audio: pealkiri" content = "Fiktiivne laul" /> meta omadus = " og: audio: artist "content =" Fiktiivne bänd "/> meta property =" og: audio: album "content =" Fiktiivne album "/> meta property =" og: audio: type "content =" application / mp3 "/ >
Kui keegi jätkab teie lehele meeldimist või jagamist, tehakse heli kättesaadavaks otse selle kasutaja postituses. See võimaldab kõigil nende sõpradel lugu otse oma profiililehelt kuulata.
Kui sooviksime selle asemel bändi uut muusikavideot reklaamida, võiksime teha järgmist:
meta-omadus = "og: video" content = "http://www.myband.com/new-video.swf" /> meta-omadus = "og: video: kõrgus" content = "640" /> meta-omadus = " og: video: width "content =" 385 "/> meta property =" og: video: type "content =" application / x-shockwave-flash "/>
Kõrgus, laius ja tüüp on sel juhul valikulised, kuid on oluline märkida, et praegu toetab Facebook ainult SWF-vormingus video manustamist.
Kui soovite, et teie video kuvatakse uudisvoos, peate oma märgistusse lisama kehtiva og: image märgendi.
Avatud graafiku siltide värskendamine
Kui teie objekt on jõudnud Facebooki, saate oma lehe avatud graafikut värskendada meta> sildid nagu tavaliselt.
On äärmiselt oluline seda tähele panna og: pealkiri ja og: tüüp on algselt muudetavad: kui teie leht saab 50 meeldimist og: pealkiri omadus muutub graafikus fikseerituks. Kui teie leht saab seejärel 10 000 meeldimist og: tüüp fikseerub.
Kui muudate nende omaduste andmeid pärast nende fikseerimist, ei kuvata muudatust Facebookis, kuna see säilitab nende algsed väärtused. Facebook teeb seda selleks, et vältida teie kasutajale juba meeldinud kasutajate üllatamist või segadust.
Enne rakendamist testige
Nagu olen kindel, et teate juba praegu, on arendamise üks põhireegleid see, et testite, testite ja katsetate uuesti enne, kui midagi otseülekannet avaldate. Samal ajal kui meta> sildid ei hakka otseselt lehel midagi mõjutama, küll aga Facebookis. Kehtetute siltide või omaduste olemasolu takistab teie lehte õigesti kuvamast ja võib sisaldada valet teavet või veelgi hullem, et puudub teave: lõppude lõpuks on see maksimaalne säritus.
Õnneks pakub Facebook kasulikku tööriista. Avatud graafiku testimise korral on see ametlik Facebooki URL-i Linter:
developers.facebook.com/tools/lint
Sisestage uus Open Graph-toega URL (või testi URL), vajutage nuppu „Lint“ ja Facebook otsib teie sisu, sõelub teie sildid ja kinnitab teie teabe. Kui see leiab midagi soovimatut, kuvatakse teile hoiatuste ja / või vigade loend, nii et teate täpselt, kust oma silte parandama hakata. Redigeerige oma silte vastavalt vajadusele ja seejärel lihtsalt testige uuesti linteris.
Saate oma lehte testida nii mitu korda kui vaja, et see oleks laevakujuline ja tõrgeteta.
Nupu "Meeldib" lisamine oma lehele
Mõistatuse viimane tükk on võimalus võimaldada kasutajatel hõlpsalt teie välist lehte jagada või meeldida. Facebook teab, et mida raskem on midagi (programmiliselt) saavutada, seda väiksem on tõenäosus, et inimesed seda teevad. Seda silmas pidades on Facebook välja töötanud väga lihtsa tööriista, mis aitab teil oma lehel nuppu "Meeldib" luua ja rakendada:
developers.facebook.com/docs/reference/plugins/like/
Põhimõtteliselt on kaks sarnast rakendust: XFBML ja Iframe. XFBML-versioon on mitmekülgsem, kuid nõuab, et laadiksite oma lehele Facebook JavaScripti SDK. Iframe'i versioon annab teile endiselt põhikasutuse, kuid ei võimalda sündmuste kuulamist ega dünaamilist suuruse muutmist. Peaksite valima oma lehele kõige paremini sobiva meetodi.
Kui olete oma koodi loonud, peate lihtsalt kleepima selle oma saidile. Värskendage oma lehte ja peaksite nägema seda kõigile tuttavat nuppu Meeldib, et teie sait kaunistaks.
Teie oma meta> märgistab kõik seadistused ja teie läikiva uhiuue nupu „Like” paigas, peaksite nüüd olema valmis oma uut Open Graphi objekti kogu maailmas juurutama.
