HedgieTools

Previzualizare distribuire pe rețele sociale

Vezi cum va arăta pagina ta când e distribuită pe Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord sau Pinterest, corectează ce se taie și copiază etichete Open Graph gata de lipit.

1. Detaliile paginii tale

Completează formularul sau importă datele din codul unei pagini.

0 / 60
0 / 155
Tipul paginii
Imagine pentru distribuire

JPG, PNG, WebP sau GIF. Imaginea aleasă servește doar la previzualizare: indică și adresa ei online, pentru cod.

2. Previzualizări

O simulare pentru fiecare platformă: rezultatul real poate varia puțin, dar tăieturile sunt apropiate de realitate.

Google

Eexample.comhttps://example.com › …
Titlul paginiiDescrierea paginii va apărea aici.

Facebook

example.comTitlul paginiiDescrierea paginii va apărea aici.

X

Titlul paginii
De pe example.com

LinkedIn

Titlul paginiiexample.com

WhatsApp

Titlul paginiiDescrierea paginii va apărea aici.example.com
https://example.com10:24

Slack

example.comTitlul paginiiDescrierea paginii va apărea aici.

Discord

example.comTitlul paginiiDescrierea paginii va apărea aici.

Pinterest

Titlul paginiiEexample.com

Pinterest afișează imaginea întreagă, fără s-o decupeze. O imagine verticală (2:3, de exemplu 1000 × 1500 px) ocupă mai mult spațiu acolo, dar va fi decupată în altă parte.

3. Verificări și cod

Ce trebuie corectat, apoi etichetele de lipit în pagina ta.

  • ProblemăTitlu lipsăFără titlu, fiecare rețea își inventează unul din conținutul paginii.
  • ProblemăDescriere lipsăRețelele vor lua o bucată de text din pagină, adesea prost aleasă.
  • ProblemăNicio imagineLinkurile fără imagine primesc mult mai puține clicuri. Pregătește o imagine de 1200 × 630 px.
  • De îmbunătățitAdresa paginii lipseșteog:url indică adresa oficială a paginii, ca distribuirile să fie grupate.

Lipește-l în secțiunea head a paginii tale.

Completează formularul ca să generezi codul.

Despre previzualizarea distribuirii pe rețele sociale

De fiecare dată când cineva îți distribuie pagina, o rețea afișează un card cu titlul, descrierea și imaginea ei. Acest instrument îți arată aceste carduri înainte să publici și scrie etichetele care le alimentează.

Fă-ți linkurile să arate bine

Când pagina ta este distribuită, fiecare rețea afișează un card cu un titlu, o descriere și o imagine. Aceste informații provin din etichetele Open Graph plasate în codul paginii. Fără ele, cardul este gol sau prost ales.

Lungimile potrivite

Google taie un titlu în jur de 60 de caractere și o descriere în jur de 155. O imagine de 1200 × 630 pixeli (1,91:1) arată bine peste tot: păstrează esențialul în centru, pentru că unele platforme o decupează. Pinterest preferă o imagine verticală.

Cod gata de lipit

Copiază etichetele HTML de plasat în secțiunea head a paginii sau obiectul de metadate pentru un site Next.js. După publicare, rețelele păstrează uneori vechea previzualizare în cache câteva zile.

Nu se încarcă nimic

Previzualizările sunt simulate în browserul tău. Imaginea și textele tale nu sunt trimise nicăieri. Singura cerere este cea pentru adresa de imagine pe care o introduci, făcută de browserul tău.

Dezvoltare

Decodor JWT

Citește antetul, payload-ul și datele unui JWT și verifică-i semnătura.

Dezvoltare

SVG în HTML

Convertește SVG în HTML, JSX și React.