Когато за първи път стартирате нов уебсайт или блог, вероятно ще искате веднага да го споделите с приятелите и семейството си. Но ако не сте го настроили правилно, всичко, което ще видят, е скучна връзка.
Дори ако визуализацията зареди изображение, то може да не е това, което искате да видите. Но можете да поправите това.
Мета таговете са HTML тагове, които не показват никакво съдържание на вашата уеб страница. Те живеят в тагове във вашия HTML. Кога търсачки и други услуги, като Facebook, четат вашата страница, те получават целенасочена информация от мета таговете.
За много хора Google Е интернет. Това е може би най-важното изобретение от самия Интернет. И макар че търсачките се промениха много оттогава, основните принципи са все същите.
Мета таговете са това, от което се нуждаете, за да получите социалните медии и текстовите съобщения, за да обработите правилно вашите връзки. Когато споделяте връзка чрез Facebook, например, Facebook следва връзката към страницата. След това чете страницата и се опитва да разбере какво е всичко.
Най-важното е, че се опитва да намери заглавие, описание и изображение. Ако не може да ги намери, той просто ще покаже проста връзка без излишни украшения. За да накарате Facebook да показва конкретно заглавие, описание и изображение, ще трябва да добавите конкретни мета тагове, за да му кажете какво да търси.
Ако сайтовете за социални медии като Facebook и Twitter получат необходимата информация от вашия уебсайт, те ще създадат карта. Ако всичко вървеше по план, би трябвало да изглежда така, както бихте очаквали.
СВЪРЗАНИ: Как да изградим Twitter, Instagram и Reddit ботове с помощта на Python
Ако сте изградили уебсайта си с обикновен HTML или интерфейс, добавянето на мета тагове трябва да е лесно. Те отиват в същата област като заглавието, стила и маркерите на скрипта, както в следния пример:
Лий Нейтън - писател за личностно развитие
...
Можете да видите, че вече има няколко мета маркера на място. Това не са тези, които ще са ви необходими, за да накарате уебсайта ви да се показва правилно в връзките, те са само някои настройки по подразбиране на ниско ниво.
Промяната на мета таговете в WordPress е по-ангажирана. Пълните инструкции ще отнемат цяло ръководство. Затова вместо това ето няколко съвета, които ще ви помогнат да започнете:
- Ако ви е удобно да редактирате темата си, мета таговете трябва да се намират в header.php файл на текущата ви тема.
- Ако не можете да получите достъп до вашата тема или не искате да се занимавате с нея, можете да промените вашите мета тагове с приставка като Разширено управление на мета тагове.
Погледни най-добрите хостинг доставчици на WordPress ако се интересувате от стартиране на сайт на платформата.
Как да създадете Facebook карта
След като разбрахте как да осъществите достъп до своите мета тагове, можете да започнете да ги редактирате. Това са минималните маркери, които Facebook иска да види:
Свойствата на заглавието и описанието казват на Facebook какъв текст да се показва. Свойството URL може да води към подстраница за специални промоции или A / B тестване.
Свойството на изображението трябва да е пълен адрес, а не по отношение на вашата страница с индекс като /image.jpg. Най-добрият размер на изображението за използване е 1200x628, тъй като този размер ще бъде най-съвместим в сайтовете и устройствата на социалните медии.
Как да създадете Twitter карта
Картата на Twitter е почти същата като картата на Facebook, но с различни мета тагове. Ето как изглеждат мета таговете в Twitter:
Свойствата на заглавието и описанието са същите като тези на Facebook; свойството на изображението също следва същите правила. И 1200x628 е добър размер за начало.
Основната разлика е собствеността на картата. Този пример използва "summary_large_image", за да създаде карта, която изглежда приблизително същото като картата на Facebook. Twitter обаче има и други опции.
Как да се уверите, че визуализацията ви изглежда правилно
Можете да публикувате туит и бързо да го изтриете половин дузина пъти, докато получите правилната карта. Можете също да изпратите съобщение във Facebook до себе си. Но тези методи са доста тромави. За щастие и двете услуги предоставят удобен инструмент за улесняване на проверката на вашите карти.
Facebook има дебъгер за споделяне. И Twitter има валидатор на карти. И двата инструмента изпълняват една и съща задача, като ви позволяват да видите как работят връзките; те просто използват различни имена.
Други аспекти, които трябва да тествате
Сега сте получили връзката към вашия сайт, за да изглеждате страхотно в големите две социални мрежи. Шансовете са, че ще изглежда добре навсякъде, но трябва да проверите отново дали е така. Например, ако имате информация в долната или горната част на изображението, то може да бъде отрязано на мобилно устройство.
Подвижен
Преди да продължите по-нататък, добре е да се уверите, че връзката ви все още изглежда добре на мобилни устройства. Както споменахме, вашето изображение може да бъде изрязано на по-малкия екран. Примерът, показан по-рано, имаше твърде ниско изображение, така че можете да видите само горната половина на главата.
SMS и пратеници
Това е прост въпрос да си изпратите текст (или съобщение чрез услуга като WhatsApp) с връзката. Не е нужно да се притеснявате за инструмент за проверка. Шансовете са, че ако изглежда добре в приложенията за социални медии, тук ще изглежда добре.
Ако работите върху личния си уебсайт, определено искате той да изглежда добре в LinkedIn. За щастие, LinkedIn предоставя и инструмент за валидиране - обади се пощенският инспектор. Освен това не е нужно да се притеснявате за повече мета тагове, защото LinkedIn използва маркерите на Facebook.
Какво да работим по-нататък
Информацията, която покрихме, трябва да е достатъчна, за да започнете. Но ако искате да научите повече, вижте Ръководство на Facebook за тагове или Страницата на Twitter за етикети.
Мрежата е пълна с инструменти, които да помогнат на всеки да създаде свои собствени професионално изглеждащи, споделящи се изображения. Ето нашите любими.
- Програмиране
- HTML
- Начална страница
- Инструменти за уеб администратори
Лий е номад на пълен работен ден и многознак с много страсти и интереси. Някои от тези страсти се въртят около продуктивността, личностното развитие и писането.
Абонирайте се за нашия бюлетин
Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и ексклузивни оферти!
Още една стъпка…!
Моля, потвърдете имейл адреса си в имейла, който току-що ви изпратихме.