Probar Meta tags localmente

Usualmente, para probar los metatags, necesitamos hacer un deploy, podemos ahorra tiempo probando localmente asi:

Primero

Debemos tener nuestra aplicación corriendo en algún puerto desde nuestra terminal.

-> npm start

> portfolio@3.0.0 start
> astro developer
> Local http://localhost:3000

Segundo

Necesitamos tener npm instalado y ejecutar la instrucción:

npx localtunnel --port 3000

Si es la primera vez que utilizas localtunnel, verás una pregunta en la terminal. Presionas Y y obtienes una URL similar a esta:

-> npx localtunnel --port

> your url is: https://strong-meals-prove-181-142-210-248.loca.lt

Tercero

Nos dirigimos a metatags.io y en la parte superior de la página agregamos la URL que nos generó localtunnel.

Con esta herramienta, puedes validar y editar cada metatag.

En la parte izquierda, hay opciones que permiten previsualizar cómo se vería en Facebook, Google o Twitter, entre otros.

Por último

Puedes copiar la configuración utilizando el botón de Generate y llevarlo a tu web.