Pri prvom spustení nového webu alebo blogu ho pravdepodobne budete chcieť ihneď zdieľať so svojimi priateľmi a rodinou. Ak ste to ale nenastavili správne, uvidí iba nudný odkaz.
Aj keď ukážka načíta obrázok, nemusí to byť ten, ktorý chcete vidieť. Ale môžete to napraviť.
Meta tagy sú tagy HTML, ktoré na vašej webovej stránke nezobrazujú žiadny obsah. Žijú vo vnútri značiek vo vašom HTML. Kedy vyhľadávače a ďalšie služby, napríklad Facebook, prečítajte si svoju stránku, získajú cielené informácie z metaznačiek.
Pre mnohých ľudí Google JE internet. Je to nepochybne najdôležitejší vynález od samotného internetu. A hoci sa odvtedy vyhľadávače veľa zmenili, základné princípy sú stále rovnaké.
Meta tagy sú to, čo potrebujete, aby ste dostali sociálne médiá a textové správy, aby ste mohli svoje odkazy správne spracovať. Keď napríklad zdieľate odkaz cez Facebook, Facebook nasleduje odkaz na stránku. Potom si prečíta stránku a pokúsi sa zistiť, čo je všetko.
Najdôležitejšie je, že sa snaží nájsť názov, popis a obrázok. Ak ich nenájde, zobrazí iba jednoduchý odkaz bez ozdôb. Ak chcete, aby Facebook zobrazoval konkrétny názov, popis a obrázok, musíte pridať konkrétne metaznačky, ktoré mu povedia, čo má hľadať.
Ak weby sociálnych médií, ako sú Facebook a Twitter, získajú z vášho webu potrebné informácie, vytvoria kartu. Keby všetko prebehlo podľa plánu, malo by to vyzerať tak, ako by ste čakali.
SÚVISIACE: Ako zostaviť robotov Twitter, Instagram a Reddit pomocou jazyka Python
Ak ste vytvorili svoj web pomocou obyčajného kódu HTML alebo rozhrania front-end, pridanie metaznačiek by malo byť jednoduché. Idú do rovnakej oblasti ako váš názov, štýl a značky skriptu, ako v nasledujúcom príklade:
Lee Nathan - autor osobného rozvoja
...
Môžete vidieť, že už existuje niekoľko metaznačiek. Nie sú to tie, ktoré potrebujete, aby sa vaše webové stránky zobrazovali správne v odkazoch. Sú to iba niektoré predvolené nastavenia na nízkej úrovni.
Zmena metaznačiek na WordPress je viac zapojená. Kompletné pokyny by vyžadovali celého sprievodcu. Tu je teda niekoľko rád, ktoré vám pomôžu začať:
- Ak vám vyhovuje úpravy motívu, metaznačky by mali byť umiestnené v priečinku header.php súbor s aktuálnou témou.
- Ak nemáte prístup k svojej téme alebo sa jej nechcete venovať, môžete svoje metaznačky zmeniť pomocou doplnku, ako je Pokročilá správa metaznačiek.
Pozri sa na najlepší poskytovatelia hostingu WordPress ak máte záujem o spustenie stránky na platforme.
Ako vytvoriť kartu na Facebooku
Teraz, keď ste zistili, ako získať prístup k svojim metaznačkám, môžete ich začať upravovať. Toto je minimálny počet značiek, ktoré chce Facebook vidieť:
Vlastnosti názvu a popisu hovoria Facebooku, aký text sa má zobraziť. Vlastnosť URL môže odkazovať na podstránku pre špeciálne propagácie alebo A / B testovanie.
Vlastnosťou obrázka by mala byť úplná adresa, nie relatívna k indexovej stránke /image.jpg. Najlepšia veľkosť obrázka, ktorá sa dá použiť, je 1 200 x 628, pretože táto veľkosť bude najkompatibilnejšia na všetkých stránkach a zariadeniach sociálnych médií.
Ako vytvoriť kartu Twitter
Karta Twitter je takmer rovnaká ako karta Facebook, ale s rôznymi metaznačkami. Takto vyzerajú metaznačky služby Twitter:
Vlastnosti nadpisu a popisu sú rovnaké ako vlastnosti Facebooku; rovnaká pravidlá dodržiava aj vlastnosť obrazu. A 1200x628 je na začiatok dobrá veľkosť.
Hlavným rozdielom je vlastnosť karty. V tomto príklade sa pomocou súhrnnej_rozmernej_obrázky vytvorí karta, ktorá vyzerá zhruba rovnako ako karta Facebooku. Twitter má však aj ďalšie možnosti.
Ako zabezpečiť, aby ukážka vyzerala správne
Mohli by ste uverejniť tweet a rýchlo ho poltucetkrát odstrániť, kým karta nebude správna. Môžete tiež poslať správu z Facebooku sami sebe. Ale tieto metódy sú trochu neohrabané. Našťastie obe služby poskytujú užitočný nástroj na uľahčenie kontroly kariet.
Facebook má debugger zdieľania. A Twitter má validátor kariet. Oba nástroje vykonávajú rovnakú úlohu a umožňujú vám zistiť, ako fungujú odkazy; len používajú rôzne mená.
Ďalšie aspekty, ktoré by ste mali vyskúšať
Teraz ste dostali odkaz na svoju stránku, aby ste vyzerali skvele na veľkých dvoch sociálnych sieťach. Je pravdepodobné, že to bude všade vyzerať dobre, mali by ste však dvakrát skontrolovať, či to tak je. Ak máte napríklad obrázok v spodnej alebo hornej časti, v mobile sa môže orezať.
Mobilné
Než pôjdete ďalej, je dobré sa ubezpečiť, že váš odkaz v mobile stále vyzerá dobre. Ako už bolo spomenuté, váš obrázok sa môže orezať na menšej obrazovke. Príklad zobrazený skôr mal obraz príliš nízky, takže ste videli iba hornú polovicu hlavy.
SMS a poslovia
Je to jednoduchá záležitosť, ktorá vám pošle textovú správu (alebo správu prostredníctvom služby ako WhatsApp) s odkazom. Nemusíte sa obávať overovacieho nástroja. Je pravdepodobné, že ak to v aplikáciách pre sociálne médiá vyzerá dobre, bude to tu vyzerať dobre.
Ak pracujete na svojom osobnom webe, určite chcete, aby vyzeral dobre na LinkedIn. Našťastie LinkedIn tiež poskytuje overovací nástroj zvolal poštový inšpektor. Nemusíte sa obávať ani ďalších metaznačiek, pretože LinkedIn používa značky Facebook.
Na čom ďalej pracovať
Informácie, ktoré sme pokryli, by mali stačiť na to, aby ste mohli začať. Ak sa však chcete dozvedieť viac, vyskúšajte Sprievodca značkami na Facebooku alebo Twitterová stránka o značkách.
Web je plný nástrojov, ktoré každému umožňujú vytvárať vlastné profesionálne vyzerajúce a zdieľateľné obrázky. Tu sú naše obľúbené položky.
- Programovanie
- HTML
- Domovská stránka
- Nástroje správcu webu
Lee je nomád na plný úväzok a polymatik s mnohými vášňami a záujmami. Niektoré z týchto vášní sa točia okolo produktivity, osobného rozvoja a písania.
Prihlásiť sa ku odberu noviniek
Pripojte sa k nášmu bulletinu s technickými tipmi, recenziami, bezplatnými elektronickými knihami a exkluzívnymi ponukami!
Ešte jeden krok…!
V e-maile, ktorý sme vám práve poslali, potvrďte svoju e-mailovú adresu.