Uue veebisaidi või ajaveebi esmakordsel käivitamisel soovite seda tõenäoliselt kohe oma sõprade ja perega jagada. Aga kui te ei seadistanud seda õigesti, näevad nad ainult igavat linki.

Isegi kui eelvaade laadib pildi, ei pruugi see olla see, mida soovite näha. Kuid saate selle parandada.

Meta-sildid on HTML-märgendid, mis ei kuva teie veebisaidil sisu. Nad elavad HTML-is märgendeid. Millal otsingumootorid ja muud teenused, näiteks Facebook, loevad teie lehtesaavad nad metasiltidest sihipärase teabe.

Kuidas otsingumootorid töötavad?

Paljudele inimestele on Google internet. See on vaieldamatult kõige olulisem leiutis alates Internetist endast. Ja kuigi otsingumootorid on pärast seda palju muutunud, on aluspõhimõtted endiselt samad.

Meta sildid on see, mida peate linkide nõuetekohaseks töötlemiseks sotsiaalmeediasse ja tekstisõnumitesse jõudma. Kui jagate linki näiteks Facebooki kaudu, järgib Facebook lehe linki. Seejärel loeb leht läbi ja püüab aru saada, mis kõik on.

Mis kõige tähtsam, see püüab leida pealkirja, kirjeldust ja pilti. Kui ta neid ei leia, näitab see lihtsalt lihtsat linki, millel pole kortsu. Selleks, et Facebook saaks näidata konkreetset pealkirja, kirjeldust ja pilti, peate lisama konkreetsed metasildid, et öelda, mida otsida.

Kui sotsiaalmeedia saidid nagu Facebook ja Twitter saavad vajaliku teabe teie veebisaidilt, loovad nad kaardi. Kui kõik sujus plaanipäraselt, peaks see välja nägema nii, nagu oleksite oodanud.

SEOTUD: Kuidas luua Pythoni abil Twitteri, Instagrami ja Redditi roboteid

Kui ehitasite oma veebisaidi lihtsa HTML-i või esiotsa raamistikuga, peaks metasiltide lisamine olema lihtne. Need asuvad teie pealkirja, stiili ja skripti siltidega samas piirkonnas nagu järgmises näites:



Lee Nathan - isikliku arengu kirjutaja
...

Näete, et paigas on juba mõned metasildid. Need pole need, mida peate oma veebisaidi linkides õigesti kuvama, vaid need on vaid mõned madala taseme vaikeväärtused.

Rohkem on kaasatud WordPressi metasiltide muutmine. Täielike juhiste jaoks oleks vaja tervet juhendit. Nii et selle asemel on siin mõned näpunäited, mis aitavad teil alustada:

  1. Kui teil on mugav oma teemat muuta, peaksid metasildid asuma päis.php praeguse teema fail.
  2. Kui te ei pääse oma teemale juurde või ei soovi sellega tegeleda, saate oma metasilte muuta sellise pistikprogrammiga nagu Täpsem metasiltide haldamine.

Heitke pilk peale parimad WordPressi hostimise pakkujad kui olete huvitatud saidi käivitamisest platvormil.

Kuidas luua Facebooki kaarti

Nüüd, kui olete mõelnud, kuidas oma metasiltidele juurde pääseda, saate neid redigeerida. Need on minimaalsed sildid, mida Facebook soovib näha:





Pealkiri ja kirjeldusomadused ütlevad Facebookile, millist teksti kuvada. Atribuut URL võib linkida alamlehele spetsiaalsete reklaamide või A / B testimise jaoks.

Pildi atribuut peaks olema täielik aadress, mitte teie indekslehe suhtes /image.jpg. Parim pildisuurus on 1200x628, kuna see suurus sobib kõige paremini sotsiaalmeedia saitidel ja seadmetes.

Kuidas luua Twitteri kaarti

Twitteri kaart on peaaegu sama mis Facebooki kaart, kuid erinevate metasiltidega. Twitteri metasildid näevad välja sellised:





Pealkiri ja kirjeldusomadused on samad mis Facebookil; pildi omadus järgib samuti samu reegleid. Ja 1200x628 on alustuseks hea suurus.

Peamine erinevus on kaardi omadus. Selles näites kasutatakse kaarti "summary_large_image", et luua kaart, mis näeb välja umbes sama mis Facebooki kaart. Twitteril on siiski muid võimalusi.

Kuidas veenduda, et teie eelvaade tundub õige

Võite postitada säutsu ja selle kiiresti tosin korda kustutada, kuni saate oma kaardi õigeks. Võite saata ka Facebooki sõnumi endale. Kuid need meetodid on kuidagi kohmakad. Õnneks pakuvad mõlemad teenused käepärase tööriista kaartide kontrollimise hõlbustamiseks.

Facebookil on jagamise silur. Ja Twitteril on kaardi valideerija. Mõlemad tööriistad teevad sama ülesande, võimaldades teil näha, kuidas lingid töötavad; nad lihtsalt kasutavad erinevaid nimesid.

Muud aspektid, mida peaksite testima

Nüüd olete oma saidi lingi saanud kahes suures suhtlusvõrgus suurepärase väljanägemisega. Võimalik, et see näeb kõikjal hea välja, kuid peaksite veel kord kontrollima, kas see nii on. Näiteks kui teil on teavet pildi all- või ülaservas, võidakse seda mobiilseadmes lõigata.

Mobiilne

Enne kui lähete kaugemale, on mõistlik veenduda, et teie link näeb mobiilis endiselt hea välja. Nagu mainitud, võis teie pilt väiksemale ekraanile lõigata. Varem näidatud näites oli pilt liiga madal, nii et näete ainult pea ülemist poolt.

SMS-id ja Messengerid

See on lihtne küsimus, kui saadate endale lingi abil teksti (või sõnumi sellise teenuse kaudu nagu WhatsApp). Te ei pea valideerimistööriista pärast muretsema. Võimalik, et kui see näeb sotsiaalmeedia rakendustes hea välja, siis see näeb siin hea välja.

Kui töötate oma isiklikul veebisaidil, soovite kindlasti, et see näeks LinkedInis hea välja. Õnneks LinkedIn pakub ka valideerimistööriista helistas postikontrolör. Samuti ei pea te muretsema rohkem metasiltide pärast, sest LinkedIn kasutab Facebooki silte.

Mida edasi töötada

Meie käsitletud teave peaks alustamiseks piisama. Aga kui soovite rohkem teada saada, vaadake seda Facebooki siltide juhend või Twitteri leht siltidel.

E-post
10 tööriista uskumatute jagatavate sotsiaalmeedia piltide loomiseks

Veeb on täis tööriistu, mis aitavad kõigil luua oma professionaalse välimusega jagatavaid pilte. Siin on meie lemmikud.

Seotud teemad
  • Programmeerimine
  • HTML
  • Koduleht
  • Veebimeistri tööriistad
Autori kohta
Lee Nathan (Avaldatud 19 artiklit)

Lee on täiskohaga nomad ja mitmete kirgede ja huvidega polümaat. Mõned neist kirgedest keerlevad tootlikkuse, isikliku arengu ja kirjutamise ümber.

Veel Lee Nathanilt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e-raamatuid ja eksklusiivseid pakkumisi!

Veel üks samm !!!

Palun kinnitage oma e-posti aadress meilis, mille me just saatsime.

.