Kā panākt, lai jūsu vietnes priekšskatījuma sīktēls tiktu parādīts pakalpojumā Facebook

Kad kāds savā laika skalā kopīgo saiti uz kādu no jūsu vietnes lapām, Facebook automātiski ienes attēlu no saistītās lapas un parāda to blakus lapas nosaukumam un URL. Diemžēl ienestais attēls dažkārt var nebūt saistīts ar lapas saturu vai tā var pat nebūt koplietotajā saitē. Lai nodrošinātu, ka Facebook parāda vislabāko iespējamo attēlu, kad kāds kopīgo jūsu lapu, un tādējādi to palielināt saites vidējais klikšķu skaits — pievienojiet dažas koda rindiņas lapas HTML kodam, lai piespiestu Facebook ienest konkrētu attēlu.

Pievienojiet atvērtā grafika marķējumu

Atveriet grafiku ir Facebook izstrādāts protokols, kas papildus citām funkcijām ļauj tīmekļa izstrādātājiem pievienot savām lapām iezīmēšanas atzīmes, lai pielāgotu veidu, kā Facebook parāda saites uz viņu vietnēm.

Dienas video

Pievienojiet lapai Open Graph tagus, rediģējot tās HTML avota kodu:

1. darbība

Atveriet HTML failu teksta redaktorā, piemēram, Notepad, vai speciālā HTML redaktorā. Novietojiet kursoru pirms beigu atzīmes faila augšdaļā un nospiediet Ievadiet lai izveidotu jaunu rindu.

HTML fails Notepad, norādot tukšu rindiņu sadaļā Head.

Attēla kredīts: Attēlu sniedza Microsoft

2. darbība

Ievadiet šādu metatagu:

Aizvietot http://www.example.com/thumb.jpg ar faktisko saiti attēlam, kuru vēlaties, lai Facebook rādītu, kad lietotājs kopīgo saiti uz jūsu vietni.

Padoms

  • Kamēr Facebook pieņem sīktēlus, kuru izmērs ir 200 x 200 pikseļi, ieteicamais izmērs ir 1200 pikseļu plats un 630 pikseļus augsts.
  • Lai palielinātu to lietotāju procentuālo daļu, kuri noklikšķina uz saites — tas ir zināms kā vidējais klikšķu skaits -- apsveriet iespēju pievienot a aicinājums uz darbību uz attēlu, piemēram, Noklikšķiniet šeit vai Uzzināt vairāk.
HTML fails ar Open Graph metarekvizīta attēla tagu apli.

Attēla kredīts: Attēlu sniedza Microsoft

3. darbība

Saglabājiet failu un augšupielādējiet to savā tīmekļa mitinātājā.

Papildus sīktēlam apsveriet iespēju izmantot Open Graph iezīmēšanas tagus, lai, piemēram, pielāgot koplietotas saites nosaukums vai apraksts.

HTML fails ar norādīto Open Graph nosaukumu un apraksta tagiem.

Attēla kredīts: Attēlu sniedza Microsoft