Sección head Html - Metaetiquetas: Ejemplo para una Optimización SEO Exitosa

En este ejemplo, se presenta una sección head optimizada para mejorar la presentación y visibilidad de una publicación de blog en motores de búsqueda y redes sociales.

Se incluyen diversas metaetiquetas, como la descripción de la publicación, palabras clave relevantes y el autor, junto con enlaces a una hoja de estilos CSS y una fuente de iconos para una mejor presentación.

Además, se implementan etiquetas Open Graph y Twitter Card para una compartición más atractiva en plataformas de redes sociales.

Esta sección head proporciona una guía útil para mejorar la optimización y la experiencia del usuario en tu blog, independientemente de la plataforma que utilices.

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- Título de la publicación --> <title>Título de la Publicación</title> <!-- Descripción de la publicación (Para motores de búsqueda y redes sociales) --> <meta name="description" content="Esta es la descripción de la publicación para los motores de búsqueda y redes sociales."> <!-- Palabras clave (Para motores de búsqueda) --> <meta name="keywords" content="palabra clave 1, palabra clave 2, palabra clave 3"> <!-- Autor de la publicación --> <meta name="author" content="Nombre del Autor"> <!-- Etiqueta para definir el idioma del contenido --> <meta name="language" content="es"> <!-- URL canónica para evitar contenido duplicado --> <link rel="canonical" href="https://www.ejemplo.com/ruta-de-la-publicacion"> <!-- Enlace a la hoja de estilos CSS --> <link rel="stylesheet" href="estilos.css"> <!-- Enlace a una fuente de iconos --> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <!-- Etiqueta Open Graph para redes sociales (Facebook, Twitter, LinkedIn, etc.) --> <meta property="og:title" content="Título de la Publicación"> <meta property="og:description" content="Esta es la descripción de la publicación para redes sociales."> <meta property="og:image" content="https://www.ejemplo.com/imagen-publicacion.jpg"> <meta property="og:url" content="https://www.ejemplo.com/ruta-de-la-publicacion"> <meta property="og:type" content="article"> <!-- Twitter Card para Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Título de la Publicación"> <meta name="twitter:description" content="Esta es la descripción de la publicación para Twitter."> <meta name="twitter:image" content="https://www.ejemplo.com/imagen-publicacion.jpg"> </head>

Comentarios

Noticias

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *