Amikor először indít új weboldalt vagy blogot, valószínűleg azonnal meg akarja osztani azt barátaival és családtagjaival. De ha nem megfelelően állítottad be, akkor csak egy unalmas linket fognak látni.
Még akkor is, ha az előnézet betölt egy képet, nem biztos, hogy azt látni szeretné. De ezt kijavíthatja.
A metacímkék olyan HTML-címkék, amelyek semmilyen tartalmat nem jelenítenek meg a weboldalán. Bent laknak címkék a HTML-ben. Amikor a keresőmotorok és más szolgáltatások, például a Facebook, elolvassák az oldaladat, célzott információkat kapnak a metacímkékből.
Sok ember számára a Google az internet. Vitathatatlanul a legfontosabb találmány maga az Internet óta. És bár a keresőmotorok azóta sokat változtak, az alapelvek továbbra is ugyanazok.
A metacímkékre van szükség, hogy a közösségi média és a szöveges üzenetek a linkek megfelelő feldolgozásához jussanak. Ha például megoszt egy linket a Facebookon keresztül, akkor a Facebook követi az oldalra mutató linket. Ezután elolvassa az oldalt, és megpróbálja kitalálni, mi minden.
A legfontosabb, hogy megpróbál címet, leírást és képet találni. Ha nem találja ezeket, akkor csak egy egyszerű linket mutat, sallang nélkül. Annak érdekében, hogy a Facebook egy adott címet, leírást és képet mutasson, hozzá kell adnia konkrét metacímkéket, hogy megmondja, mire kell figyelnie.
Ha a közösségi oldalak, például a Facebook és a Twitter megszerzik a szükséges információkat az Ön weboldaláról, akkor létrehoznak egy kártyát. Ha minden a tervek szerint halad, akkor úgy kell kinéznie, mint amire számított.
ÖSSZEFÜGGŐ: Hogyan készítsünk Twitter, Instagram és Reddit botokat a Python használatával
Ha webhelyét egyszerű HTML-kóddal vagy front-end keretrendszerrel készítette, akkor a metacímkék hozzáadásának egyszerűnek kell lennie. A cím, a stílus és a szkriptcímkékkel megegyező területen vannak, mint a következő példában:
Lee Nathan - személyes fejlődés írója
...
Láthatja, hogy már van néhány metacímke a helyén. Nem ezekre van szükség ahhoz, hogy webhelye megfelelően jelenjen meg a linkekben, ezek csak néhány alacsony szintű alapértelmezett érték.
A metatagek megváltoztatása a WordPress-ben jobban érintett. A teljes utasításokhoz egy teljes útmutató kellene. Tehát ehelyett íme néhány tipp, amelyek segítenek az indulásban:
- Ha kényelmesen szerkeszti a témáját, a metacímkéknek a fejléc.php fájl az aktuális témáról.
- Ha nem fér hozzá a témához, vagy nem akar foglalkozni vele, akkor módosíthatja metatagjeit egy olyan pluginnel, mint a Advanced Meta Tag Management.
Vessünk egy pillantást a legjobb WordPress tárhelyszolgáltatók ha érdekel egy webhely elindítása a platformon.
Hogyan készítsünk Facebook-kártyát
Most, hogy kitalálta, hogyan férhet hozzá a metacímkékhez, elkezdheti szerkeszteni őket. Ezeket a minimális címkéket szeretné látni a Facebook:
A cím és a leírási tulajdonságok megmondják a Facebooknak, hogy milyen szöveget jelenítsen meg. Az URL tulajdonság egy aloldalra hivatkozhat speciális promóciók vagy A / B tesztelés céljából.
A kép tulajdonságának teljes címnek kell lennie, nem az index oldalához viszonyítva /image.jpg. A legjobb képméret 1200x628, mivel ez lesz a leginkább kompatibilis a közösségi oldalakon és az eszközökön.
Hogyan készítsünk Twitter-kártyát
A Twitter-kártya szinte megegyezik a Facebook-kártyával, de különböző metacímkékkel rendelkezik. Így néznek ki a Twitter metacímkék:
A cím és a leírás tulajdonságai megegyeznek a Facebookéval; a image tulajdonság is ugyanazokat a szabályokat követi. Az 1200x628 pedig kezdetben jó méret.
A fő különbség a kártya tulajdonsága. Ez a példa az "summary_large_image" használatával hoz létre olyan kártyát, amely nagyjából megegyezik a Facebook kártyájával. A Twitternek mégis vannak más lehetőségei.
Hogyan lehet megbizonyosodni arról, hogy az előnézet jól néz ki
Feladhat egy tweetet, és fél tucatszor gyorsan törölheti, amíg a kártya nem lesz megfelelő. Facebook-üzenetet is küldhet magának. De ezek a módszerek meglehetősen nehézkesek. Szerencsére mindkét szolgáltatás hasznos eszközt nyújt a kártyák ellenőrzésének megkönnyítésére.
A Facebook rendelkezik megosztási hibakeresővel. És A Twitter rendelkezik kártya érvényesítővel. Mindkét eszköz ugyanazt a feladatot látja el, hogy láthassa, hogyan működnek a linkek; csak különböző neveket használnak.
Egyéb szempontok, amelyeket tesztelnie kell
Most már megszerezte webhelye linkjét, hogy remekül nézzen ki a két nagy közösségi hálózaton. Valószínű, hogy mindenhol jól fog kinézni, de még egyszer ellenőriznie kell, hogy igen. Például, ha a kép alján vagy tetején van információ, akkor az mobilra nyírható.
Mobil
Mielőtt továbblépne, érdemes megbizonyosodnia arról, hogy linkje továbbra is jól néz ki a mobilon. Mint említettük, a kép levágódhat a kisebb képernyőn. A korábban bemutatott példában a kép túl alacsony volt, így csak a fej felső részét láthatta.
SMS és Messenger
Ez egy egyszerű kérdés, ha elküldi magának a linkkel ellátott szöveget (vagy üzenetet egy olyan szolgáltatáson keresztül, mint a WhatsApp). Nem kell aggódnia egy ellenőrző eszköz miatt. Esélyes, hogy ha jól mutat a közösségi média alkalmazásokban, akkor itt is jól fog kinézni.
Ha személyes webhelyén dolgozik, mindenképpen azt szeretné, ha jól mutatna a LinkedIn. Szerencsére, A LinkedIn validációs eszközt is biztosít felhívta az utóellenőrt. Emellett nem kell aggódnia több metacímke miatt, mert a LinkedIn a Facebook címkéit használja.
Mit kell tovább dolgozni
Az általunk lefedett információknak elegendőknek kell lenniük a kezdéshez. De ha többet szeretne megtudni, nézze meg A Facebook útmutató a címkékhez vagy A Twitter oldala a címkéken.
Az internet olyan eszközökkel rendelkezik, amelyek segítségével bárki saját professzionális megjelenésű, megosztható képeket készíthet. Itt vannak a kedvenceink.
- Programozás
- HTML
- Honlap
- Webmestereszközök
Lee teljes munkaidős nomád és polihisztor, sok szenvedéllyel és érdeklődéssel. E szenvedélyek egy része a termelékenység, a személyes fejlődés és az írás körül forog.
Iratkozzon fel hírlevelünkre
Csatlakozzon hírlevelünkhöz, amely műszaki tippeket, véleményeket, ingyenes e-könyveket és exkluzív ajánlatokat tartalmaz!
Még egy lépés…!
Kérjük, erősítse meg e-mail címét az imént elküldött e-mailben.
