Consideraciones del SEO para programadores - Parte 1

El SEO es algo que como desarrolladores no podemos evitar si queremos que un sitio web sea optimizado para los buscadores, y mas importante que eso, si el éxito de una empresa depende de ello. Índice Introducción Contexto Consideraciones sobre el SEO Estructura semántica 1.1 Etiquetas con poca o cero relevancia para el SEO 1.2 Etiquetas relevantes para el SEO Agregar keywords Descripción Título Longitud de un artículo Enlaces externos Imagenes URLs Links Videos Introducción Voy a en listar lo que a mi parecer tiene un grado de relevancia alto, y que no debe de faltar, cabe mencionar que el SEO es un tema extenso. Es obvio que faltarán mucho más cosas que no se mencionarán, pero se hará énfasis en lo que como desarrolladores debemos de considerar siempre. Contexto La tecnología que se usó para desarrollar fue Javascript tanto en el backend con NodeJs como el frontend con ReactJs , se desarrolló una SPA (Single Page Application). Tal vez el problema más evidente de las SPA es el SEO , para solucionarlo se realizó una aplicación isomórfica usando NextJs Consideraciones sobre el SEO La lista no estará ordenada por grado de relevancia, se pueden aplicar en el orden que desees. Iniciamos por definir una buena estructura semántica de nuestro html. ##### Etiquetas con poca o cero relevancia para el SEO: font head ins param script span sub y sup ##### Etiquetas relevantes para el SEO title description meta keywords blockquote, q, cite p hr br pre h1 - h6 b, strong i, em a ol, ul, li code img Agregar keywords Como se mencionó en el paso anterior, las keywords son de extrema relevancia para el SEO, las keywords o palabras claves deben de aparecer en la url, en el contenido del sitio web o en el caso de un blog deben de aparecer en la descripción o en el mejor de los casos en el titulo del post, en la mayoría de los casos las keywords son los tags o etiquetas de post. No hay que abusar de las keywords ya que google penalizará el sitio, basta con que aparezca una en un lugar diferente, o en el contenido de un post que aparezcan 3 o 4 dependiendo del tamaño del post. Agregar una descripción del sitio web, post o artículo, no hay una longitud oficial para la descripción, pero puede estar entre 160 o 320 caracteres y debe contener palabras claves. Cada artículo debe de contener una descripción propia. El título puede contener una longitud aproximadamente 70 caracteres. Debe ser descriptivo conrespecto al resto de la pagina, contener parte de las keywords, estas deben de estar al principio separando con un guión del título principal ejemplo: Stacksavings - Blog sobre programacion y desarrollo web Cada artículo debe de contener título un propio, recordar darle la relevancia con h1 . Si se trata de un blog, cada artículo o post debe contender mínimo 300 palabras, debe de poder compartirse, se pueden agregar opciones de compartir en las redes sociales. Colocar enlaces externos estos pueden ser de las redes sociales, o de otros sitios web, esto es útil para que los otros sitios se den cuenta que nuestro sitio existe. Optimizar imágenes. Optimizar el tamaño de las imágenes. Agregar el atributo alt . Agregar nombres descriptivos. Optimiza las urls No deben de ser las mismas que los títulos, o fechas de posts, esto debe de evitarse: - título del post: Terremoto en la ciudad de Guadalajara - slug : terremoto-en-la-ciudad-de-guadalajara-1231fs141 -Sería mucho mejor: terremoto-guadalajara -Resultado final: -Antes: https://mywebsite.com/news/terremoto-en-la-ciudad-de-guadalajara-1231fs141 -Después: https://mywebsite.com/news/terremoto-guadalajara A esto se le conoce como slug, este debe ser editable, no debe ser el por defecto que comúnmente es el título de un post más el id de este, y en algunos casos hasta la fecha de publicación.

  • Usar guiones(-) en lugar de barra abajo(_).
  • Nunca uses caracteres extraños como acentos, eñes o interrogaciones en la URL.
  • Incluir una palabra clave en la URL.

- El poder de posicionamiento de una URL decrece cuanto más larga es, haz la URL lo más corta posible sin que pierda sentido Anatomía de una URL Copyright: seomoz - anatomía de una url Más información sobre este tema: seo - url Optimiza tus links, por ejemplo evitar esto: https://stacksavings.com/detail-post/content-creator-initial-task-information-ZgfE3u/en click me click aquí Optimiza tus videos. Agregar título, descripción y etiquetas. En el mejor de los casos se sugiere agregar una transcripción total del video.