Usé nextjs builin Head para metaetiquetas. Pero cuando compartí mi enlace en Facebook, los detalles de la etiqueta meta no se muestran. Aquí está mi código:
Agregué una metaetiqueta en mi index.js:
export default function Home() { return ( <> <Head> <meta name="og:title" content="I am Jhone. Full Stack Developer." /> <meta property="og:type" content="website" /> <meta property="og:url" content="my_website_link" /> <meta property="og:site_name" content="my_website_name" /> <meta property="og:description" content="This is my personal blog website." /> <link rel="icon" href="/my.ico" /> </Head> <About /> <Experience /> <Services /> <Portfolio /> <Contact /> <Testimonials /> <Footer /> </> ); }En realidad, este código debería funcionar correctamente. Intente agregar una meta descripción sin og antes de la descripción og , pero no estoy seguro de que eso solucione su problema.
< meta property = "description" content = "This is my personal blog website." /> < meta property = "og:description" content = "This is my personal blog website." /> Y también intente eliminar la carpeta .next para eliminar el código almacenado en caché
En realidad, mi código era correcto. Solucioné el problema después de visitar https://developers.facebook.com/tools/debug/ luego puse la URL de mi sitio web y el raspador de Facebook raspó mi sitio web y actualicé las metaetiquetas.