Meta Etiketa eta Open Graph Sortzailea doan
Sortu SEO meta etiketak, Open Graph eta Twitter Card markupak zuzeneko Google eta sare-sozialak partekatzeko aurrebistarekin. Kopiatu zuzenean zure orriaren goiburuaren barrura.
Onena: 1200Γ630 px, 5 MB baino gutxiago, https:// esteka absolutua.
Google bilaketa aurrebista
Zabalerak zenbatespenak dira: Googlek pixeletan moztu egiten du, ez karaktereetan.
Sare sozialetako txartelaren aurrebista
Bete gutxienez eremu bat goian meta etiketak sortzeko.
Ohiko erabilerak
- Meta Etiketak Blog ArgitalpenetanSortu izenburua, deskribapena eta etiketa sozialak zure artikuluak ederki itxura dezaten partekatzerakoan.
- Meta Etiketak Produktuen OrrientzetanEgin produktuen orrialdeak ederto partekatuko eta ondo irakurgo duten bilaketaren emaitzetan.
- Meta Etiketak Landing OrrietanKontrolatu nola biltzen diren zure lurrune orrialdeak partekatzerakoan eta bilatzerakoan.
- Sortu Meta Etiketak Edozein Web AplikaziorakoBizkor sortu orrialde berri edo webgunerako meta etiketa zentzuaren osoa.
- Azaldu Lotura Aurrebisten ItxurakGelditu zure loturak URL bilaketa gisara azaleratzearen - gehitu aurrebista kartulina abertsua sortzen duten etiketak.
Nola Funtzionatzen Du
Etiketa-muntaia eta head-analisi guztia zuzenean zure nabigatzailean gertatzen da β zerbitzaririk tartean ez. Tresnak React-en useMemo erabiltzen du HTML kateak erreaktiboki eraikitzeko eta nabigatzailearen jatorrizko DOMParser APIa dagoeneko dagoen orri-markup irakurtzeko inportazio/ikuskaritza ezaugarrirako.
- 1Formularioaren sarrerak muntaia bizia gidatzen duIdazten duzun heinean, useMemo hook batek berehala berreraikitzen du etiketa-bloke osoa β titulua, meta deskribapena, Open Graph propietateak, eta Twitter Card atributuak β karaktere bereziak ihes eginez (&, <, >, ") beraz irteera zuzenean HTMLn itsasteko segurua da.
- 2URL baliozkotzea nabigatzailearen URL eraikitzailearen bidezURL eremu bakoitza (orriaren URLa, sare sozialeko irudia) nabigatzailearen barneko URL eraikitzailea erabiliz baliozkotzen da. http:// edo https:// helbide ongi-formatuak, puntudun ostalari-izenekin, bakarrik gainditzen dira; balio baliogabeek kopiatu-botoia blokeatzen dute eta errore lerrokatu bat erakusten dute.
- 3Inportazioa: DOMParser-ek dagoeneko dagoen head markup irakurtzen duDagoeneko dagoen <head> HTML itsasten baduzu hura ikuskatzeko, tresnak DOMParser bidez pasatzen du modu inertean β scriptik ez da exekutatzen eta ez da sareko eskaerarik egiten. Gero analizatutako dokumentuari ezagutzen dituen meta hautatzaileen bila kontsulta egiten dio (og:title, twitter:description, canonical link, e.a.) eta formularioaren eremuak aurrez betetzen ditu aurkitzen duenarekin.
- 4Google eta sare sozialeko txartelen aurrebista biziakTresnak Google bilaketa-emaitza estilizatu bat eta Open Graph txartel-aurrebista bat errendatzen ditu denbora errealean egoera-forma berbera erabiliz, beraz titulua eta deskribapena nola moztuko diren zehazki ikus dezakezu irteera kopiatu aurretik.
Erlazionatutako tresnak
Gizarte Sarearen Irudien Aldagailua
Irudiak redimensionatu eta moztu Instagram, YouTube, TikTok, X, Facebook, LinkedIn eta Pinterest-entzako 2026ko tamaina zehatzetara β segurtasun-eremuaren gidaleekin eta ZIP lotea. % 100 zure arakatzailean, igoera gabe.
Audio Tag Editorea (ID3)
Editatu MP3 fitxategien ID3 etiketak β izenburua, artista, albuma, urtea, generoa eta azala β % 100ean zure arakatzailean. Kargatu gabe, eta audioa ez da berriro kodetzen. Doakoa eta pribatua.
Slug Sortzailea
Bihurtu edozein izenburru edo testu URL-adiskidea den slug batean. Ezin hobea blog argitalpenetarako, CMS orrialdeetarako eta SEO optimizatutako URL-etarako.