Ko prvič zaženete novo spletno mesto ali spletni dnevnik, ga boste verjetno želeli takoj deliti s prijatelji in družino. Če pa je niste pravilno nastavili, bodo videli le dolgočasno povezavo.
Tudi če predogled naloži sliko, morda ni tista, ki jo želite videti. Ampak to lahko popraviš.
Metaoznake so oznake HTML, ki na vaši spletni strani ne prikazujejo nobene vsebine. Živijo znotraj v vašem HTML-ju. Kdaj iskalniki in druge storitve, kot je Facebook, berejo vašo stran, iz metaoznak dobijo ciljno usmerjene informacije.
Za marsikoga je Google IS internet. To je verjetno najpomembnejši izum od samega interneta. Čeprav so se iskalniki od takrat precej spremenili, so osnovna načela še vedno enaka.
Metaoznake so tisto, kar potrebujete za dostop do družabnih omrežij in besedilnih sporočil za pravilno obdelavo povezav. Ko na primer delite povezavo prek Facebooka, Facebook sledi povezavi do strani. Nato prebere stran in poskuša ugotoviti, kaj vse je.
Najpomembneje je, da poskuša najti naslov, opis in sliko. Če jih ne najde, bo prikazana preprosta povezava brez neprijetnosti. Če želite, da Facebook prikaže določen naslov, opis in sliko, boste morali dodati posebne metaoznake, ki mu bodo povedale, kaj je treba iskati.
Če spletna mesta družbenih medijev, kot sta Facebook in Twitter, dobijo informacije, ki jih potrebujejo z vašega spletnega mesta, bodo ustvarila kartico. Če bi šlo vse po načrtih, bi moralo biti videti tako, kot bi pričakovali.
POVEZANE: Kako zgraditi bote za Twitter, Instagram in Reddit z uporabo Pythona
Če ste spletno mesto zgradili z navadnim HTML-jem ali vmesnikom, bi moralo biti dodajanje metaoznak preprosto. Grejo na isto področje kot naslov, slog in oznake skripta, kot v naslednjem primeru:
Lee Nathan - pisatelj osebnega razvoja
...
Vidite, da je na mestu že nekaj metaoznak. To niso tisti, ki jih boste potrebovali, da se vaše spletno mesto pravilno prikaže v povezavah, to so le nekatere privzete vrednosti na nizki ravni.
Spreminjanje metaoznak v WordPressu je bolj vpleteno. Za popolna navodila bi bil potreben cel vodnik. Namesto tega je tukaj nekaj namigov, ki vam bodo pomagali začeti:
- Če želite urejati temo, naj bodo metaoznake v header.php datoteko trenutne teme.
- Če ne morete dostopati do teme ali se z njo ne želite ukvarjati, lahko spremenite metaoznake z vtičnikom, kot je Napredno upravljanje metaoznak.
Poglej najboljši ponudniki gostovanja WordPress če vas zanima zagon spletnega mesta na platformi.
Kako ustvariti Facebook kartico
Zdaj, ko ste ugotovili, kako dostopati do svojih metaoznak, jih lahko začnete urejati. To so minimalne oznake, ki jih želi videti Facebook:
Lastnosti naslova in opisa Facebooku sporočajo, katero besedilo naj se prikaže. Lastnost URL lahko vodi na podstran za posebne promocije ali A / B testiranje.
Lastnost slike mora biti poln naslov, ne glede na vašo indeksno stran, kot je /image.jpg. Najboljša velikost slike je 1200x628, saj bo ta velikost najbolj združljiva na spletnih mestih in napravah v družabnih omrežjih.
Kako ustvariti Twitter kartico
Kartica Twitter je skoraj enaka kartici Facebook, vendar z različnimi metaoznakami. Takole izgledajo metaoznake na Twitterju:
Lastnosti naslova in opisa so enake kot pri Facebooku; lastnost slike prav tako sledi istim pravilom. In 1200x628 je dobra velikost za začetek.
Glavna razlika je lastnost kartice. Ta primer uporablja "summary_large_image" za ustvarjanje kartice, ki je videti približno enako kot Facebook kartica. Twitter pa ima druge možnosti.
Kako zagotoviti, da bo vaš predogled videti pravilno
Lahko objavite tweet in ga pol ducata hitro izbrišete, dokler kartice ne dobite pravilno. Facebook sporočilo lahko pošljete tudi sebi. Toda te metode so nekako okorne. Na srečo imata obe storitvi priročno orodje za lažje preverjanje kartic.
Facebook ima razhroščevalnik za skupno rabo. In Twitter ima potrjevalnik kartic. Oba orodja opravljata enako nalogo, da vam omogočata, da vidite, kako delujejo povezave; uporabljajo samo različna imena.
Drugi vidiki, ki bi jih morali preizkusiti
Zdaj ste dobili povezavo do vašega spletnega mesta, ki izgleda odlično na velikih dveh socialnih omrežjih. Obstaja velika verjetnost, da bo povsod videti dobro, vendar morate še enkrat preveriti, ali je videti. Če imate na primer informacije na dnu ali na vrhu slike, se lahko posnamejo v mobilnem telefonu.
Mobilni
Preden nadaljujete, je dobro, da se prepričate, da je povezava v mobilnih napravah še vedno videti dobro. Kot smo že omenili, se lahko slika posname na manjšem zaslonu. Prej prikazani primer je imel sliko prenizko, tako da ste videli le zgornjo polovico glave.
SMS in Messengerji
Gre za preprosto pošiljanje besedila (ali sporočila prek storitve, kot je WhatsApp) s povezavo. Za orodje za preverjanje vam ni treba skrbeti. Verjetno je, da če bo v aplikacijah za družabna omrežja videti dobro, bo tukaj videti dobro.
Če delate na svojem osebnem spletnem mestu, si zagotovo želite, da bo na LinkedInu videti dobro. Na srečo LinkedIn ponuja tudi orodje za preverjanje veljavnosti poklical poštni inšpektor. Prav tako vam ni treba skrbeti za več metaoznak, ker LinkedIn uporablja oznake Facebooka.
Kaj delati naprej
Informacije, ki smo jih zajeli, bi morale biti dovolj za začetek. Če pa želite izvedeti več, si oglejte Facebook vodnik po oznakah ali Twitterjeva stran o oznakah.
Splet je poln orodij, s katerimi lahko vsakdo ustvari lastne slike, ki jih je mogoče deliti s profesionalnim videzom. Tu so naši najljubši.
- Programiranje
- HTML
- Domača stran
- Orodja za spletne skrbnike
Lee je nomad s polnim delovnim časom in polimat z veliko strastmi in interesi. Nekatere od teh strasti se vrtijo okoli produktivnosti, osebnega razvoja in pisanja.
Naročite se na naše novice
Pridružite se našemu glasilu za tehnične nasvete, preglede, brezplačne e-knjige in ekskluzivne ponudbe!
Še en korak…!
Potrdite svoj e-poštni naslov v e-poštnem sporočilu, ki smo vam ga pravkar poslali.