LEE METATAGS SEO

DESCRIPCIÓN DEL PROYECTO

A la hora de crear nuevo contenido en cualquier web, es fundamental saber cuales son los parámetros básicos que debemos tener en cuenta y rellenar de forma correcta, si queremos que los motores de búsqueda lo rastreen e indexen. Este es el caso de las metatags SEO, fragmentos de código HTML que se insertan en la página web para proporcionar información valiosa a los motores de búsqueda y los propios usuarios de la web.
En un departamento de marketing online, no todas las personas que lo componen tienen porqué tener conocimientos SEO, ni siquiera aquellos que crean el contenido de las webs de la empresa. Por este motivo, es casi imprescindible revisar el SEO básico de cada pagina de contenido creada, bien por la persona especializada en posicionamiento orgánico o usando alguna herramienta específica para esa tarea.
En mi experiencia llevando el SEO de varios proyectos web he usado alguna de estas herramientas, en la mayoría de los casos de pago, con muchas opciones y complicadas de usar. Es por eso que decidí hace un tiempo, gracias a mis conocimientos de programación, desarrollar una herramienta que simplemente pudiera extraer y comprobar los valores SEO básicos de cualquier página web.

La aplicación Lee Metatags SEO nos permite obtener información directa sobre los errores que podemos estar cometiendo en los valores de las metas de nuestra página o incluso de otras páginas de las que queremos ver esos datos. Podemos indicar la URL de cualquier página web para mostrar y comprobar los datos de algunas de sus metatags, principalmente las relacionadas con el SEO y las redes sociales.

Algunas de las características de la aplicación son las siguientes:

Diseño 100% responsive y estilado con Tailwind CSS

Uso de etiquetas de HTML 5 semántico.

Validación de URL introducida en frontend y backend.

Detección y muestra de error en la lectura de una página.

Uso de control de carga y bloqueo de elementos del DOM.

Lectura y muestra de valores de las principales metatags: Title, Description, Canonical, Robots, Keywords, Lenguaje, Charset y Viewport.

Lectura y muestra de valores de los headers: h1, h2, h3, h4, h5 y h6.

Lectura y listado de la ruta de imágenes sin title y/o sin alt.

Lectura y muestra de valores relativos a Opengraph y Twitter Cards.

Detección de etiquetas relativas a Tag Manager y Analytics GA4.

Indicación de valores en blanco en las metatags leídas.

Muestra de errores y recomendaciones SEO en los valores leídos.

VER PROYECTO EN VIVO

Proyecto desarrollado en:
HTML CSS Tailwind CSS Javascript PHP

Tipo de proyecto

Aplicación web de uso interno para mostrar y comprobar los datos de las metatags de una URL, principalmente las relacionadas con el SEO y las redes sociales.

Mi rol en el proyecto

Idea, diseño y desarrollo de la aplicación web.