Muchos propietarios de negocios en línea y vendedores en línea saben la importancia del SEO para atraer tráfico a tu sitio. Lo que muchos no saben, sin embargo, es el vínculo entre el SEO y el código fuente de su sitio web.
No importa cuántas herramientas y complementos de SEO tenga, en algún momento, deberá buscar en el código fuente de su sitio web, ya sea para realizar una auditoría exhaustiva de SEO o para verificar elementos individuales que tengan un impacto en el SEO de su sitio web.
¿Se está preguntando qué es exactamente el código fuente de un sitio y qué hace?
Normalmente, cuando abres una página web, ves la tipografía perfecta, imágenes hermosas, varios elementos que se suman a la funcionalidad, llamadas a la acción perfectamente colocadas, etc.
Debajo de estos elementos visibles se encuentra el código fuente de su sitio web, que es lo que determina cómo aparece todo en su sitio web.
Básicamente, el código fuente alimenta todo el sitio y es responsable de la apariencia, la sensación, la funcionalidad y la experiencia del usuario del sitio.
Además de impulsar su sitio, el código fuente es lo que leen los motores de búsqueda como Google para determinar si sus páginas web deben indexarse y cómo deben aparecer en los resultados de búsqueda.
Esto significa que su código fuente juega un papel muy crucial en el SEO de su sitio.
Si tienes errores en tu código fuente, esto podría resultar en datos SEO inexactos, lo que llevaría a un posicionamiento de búsqueda deficiente.
Por lo tanto, es importante revisar periódicamente el código fuente de su sitio web y asegurarse de que todo se vea bien.
La pregunta es, ¿cómo ve su código fuente y qué debe estar buscando exactamente al revisar su código fuente?
CÓMO LEER EL CÓDIGO FUENTE DE SU SITIO WEB
Mientras ve el código fuente de su sitio web es bastante fácil, los diferentes navegadores tienen diferentes comandos para ver el código fuente.
además, los comandos son diferentes para PC y Mac.
A continuación se muestran los comandos para ver el código fuente de su sitio web en función de su sistema operativo y navegador.
PC
Firefox: Para ver el código fuente de Firefox en un PC, mantenga pulsada la tecla CTRL y, a continuación, pulse la tecla» U » mientras mantiene pulsada la tecla CTRL. También puede ver el código fuente de la página haciendo clic en el menú de Firefox, seleccionando la opción «Desarrollador web» y haciendo clic en «Fuente de la página».»Alternativamente, puede hacer clic con el botón derecho en la página web y hacer clic en «Ver fuente de página.»
Microsoft Edge: Para ver el código fuente de la página en Microsoft edge, mantenga pulsada la tecla CTRL y presione «U», o haga clic con el botón derecho en la página web y haga clic en «Ver fuente».»Lo mismo funciona para Internet Explorer.
Google Chrome: Mantenga presionada la tecla CTRL y presione «U». Alternativamente, haga clic en las tres líneas horizontales en la esquina superior derecha para abrir el menú de Chrome, seleccione «Herramientas» y luego haga clic en «Ver fuente».»
Opera: Mantenga presionada la tecla CTRL y presione «U», o haga clic con el botón derecho en la página web y haga clic en «Ver fuente de página».»
Mac
Safari: Para ver el código fuente de página en Safari, mantenga pulsadas las teclas» Opción «y» Comando «y presione la tecla» U». Alternativamente, haga clic derecho en la página web y haga clic en «Mostrar fuente de página».»
Firefox: Puede ver el código fuente de la página manteniendo pulsada la tecla» Comando » y pulsando U. Alternativamente, vaya al menú de Firefox, seleccione » Desarrollador «y luego haga clic en» Ver fuente de página «o haga clic con el botón derecho en la página web y haga clic en «Fuente de página».»
Chrome: Mantenga presionadas las teclas» Opción «y» Comando «y luego presione» U». Alternativamente, diríjase al menú de Chrome, haga clic en» Más herramientas «y seleccione» Herramientas para desarrolladores».»También puede ver el código fuente haciendo clic derecho en la página y seleccionando «Ver fuente».»
POR QUÉ ES IMPORTANTE LEER EL CÓDIGO FUENTE DE TU SITIO WEB
Como mencioné anteriormente, el código fuente de tu sitio web tiene un gran impacto en el SEO de tu sitio web.
Ver tu código fuente es una manera fácil de comprobar si varios aspectos del SEO de tu sitio están configurados correctamente.
Además, revisar el código fuente de su competidor le permite ver lo que están haciendo en sus sitios web.
Puede realizar ingeniería inversa de lo que está en su código fuente para lograr resultados similares en su sitio web.
A continuación se muestran algunas razones por las que debe leer su código fuente.
Es útil para comprobar las etiquetas de título
La etiqueta de título es uno de los elementos más importantes para su SEO en la página, y por lo tanto es lo más importante que debe verificar al revisar su código fuente.
Cada vez que buscas algo en Google, todos los resultados se derivan de las etiquetas de título de las diversas páginas web a las que apuntan los resultados.
Esto significa que, sin etiquetas de título en su sitio web, su sitio web no se puede encontrar en ningún motor de búsqueda.
Para entender la importancia de la etiqueta de título, usaré una ilustración. Cuando buscas el nombre de «Astucia», esto es lo que aparece.
La parte resaltada en rojo ha sido derivados directamente de nuestra etiqueta de título. Cuando abra nuestro sitio web y vea el código fuente, esto es lo que verá.
La parte resaltada, lo que aparece entre la apertura <título> etiqueta y la etiqueta de cierre </título> etiqueta es lo que se conoce como la etiqueta del título.
Como puedes ver, es exactamente similar a lo que aparece en los resultados de búsqueda cuando buscas el término «Astucia».»
Al leer el código fuente de su sitio web, lo primero que debe asegurarse es que cada una de sus páginas web tenga una etiqueta de título. No es sorprendente encontrar páginas web que no tengan etiquetas de título.
Recuerde, si su sitio web no tiene etiquetas de título, nunca aparecerá en los resultados de búsqueda. También debe asegurarse de que su etiqueta de título se encuentre en la sección <head> de su página web.
Además de ser necesario para que tu sitio web aparezca en las páginas de resultados de los motores de búsqueda, tu etiqueta de título también influye en cómo apareces en los resultados de búsqueda. Google y otros motores de búsqueda miran las palabras clave en tu etiqueta de título para determinar de qué se trata tu sitio web o página web.
Por ejemplo, en nuestro ejemplo anterior, si alguien busca la frase «consigue el trabajo de tus sueños», podría encontrarse con nuestro sitio web, porque tenemos la misma frase en nuestra etiqueta de título.
Por lo tanto, si desea que su página se clasifique para un tema en particular, debe asegurarse de que la etiqueta de título de esta página incluya palabras relacionadas con ese tema. Puedes consultar esta publicación para obtener más información sobre la optimización de etiquetas de título.
Otras cosas importantes a tener en cuenta cuando se trata de etiquetas de título es que solo debes tener una etiqueta de título única para cada página web, y que cada etiqueta de título en tu sitio debe ser única.
Además, debe asegurarse de que haya una etiqueta de título para cada página de su sitio web.
Le ayuda a Comprobar sus Meta Descripciones
Otra cosa que debe comprobar al revisar el código fuente de su sitio web son sus meta descripciones.
Al igual que las etiquetas de título, las meta descripciones también se encuentran en la sección <head> del HTML de su sitio web. La descripción de metal es básicamente una descripción corta (160 caracteres) de lo que se trata una página web.
Cuando tu página web aparece en las páginas de resultados de los motores de búsqueda, la meta descripción aparece justo debajo de la etiqueta de título.
Una vez más, vamos a realizar una búsqueda del término «Astucia» para entender qué papel juega la meta descripción.
Cuando buscas el nombre «Astucia», esto es lo que aparece.
La parte resaltada en rojo es lo que contiene la meta descripción. Cuando regrese al código fuente de nuestro sitio web, esto es lo que verá.
La parte resaltada es lo que se conoce como la descripción del meta.
Como puedes ver, es exactamente similar a lo que aparece en los resultados de búsqueda debajo de la etiqueta de título cuando buscas el término «Astucia».
Dado que las personas pueden leer su meta descripción sin tener que abrir su sitio web, la meta descripción actúa como una copia publicitaria gratuita que ayuda a los visitantes potenciales a determinar si encontrarán lo que están buscando en su sitio web.
Un número sorprendentemente alto de propietarios y desarrolladores de sitios web se olvidan de la meta descripción, pero no debes ignorarla.
Compruebe y asegúrese de que cada página de su sitio web tenga su meta descripción y, al mismo tiempo, asegúrese de que no tiene múltiples meta descripciones.
A veces, es posible que tenga dos complementos diferentes que podrían hacer que su meta descripción se duplique.
También debes asegurarte de que la meta descripción sea única para cada página. Resiste la tentación de duplicar la misma meta descripción en cada página.
Además, asegúrese de que las meta descripciones se encuentren en la sección <head> de su HTML.
Finalmente, dado que la meta descripción es básicamente publicidad gratuita que determina si las personas hacen clic en tu sitio web, tómate un momento para crear una gran copia que ayude a aumentar tus clics y atraiga más visitantes a tu sitio.
Es útil para Contrastar las etiquetas de Encabezado
Lo siguiente que debes comprobar al revisar tu código fuente es si estás usando etiquetas de encabezado correctamente, ya que también tienen un impacto en tu SEO on-page.
Hay diferentes niveles de etiquetas de encabezado, siendo las más comunes las etiquetas H1, H2 y H3.
Lo primero que debe hacer al verificar sus etiquetas de encabezado es asegurarse de que no tiene más de una etiqueta H1 en una sola página.
A veces, dependiendo de su CMS, tema de WordPress o complementos instalados, puede encontrar varias etiquetas H1 en una sola página web.
El problema con esto es que la mayoría de los motores de búsqueda lo interpretan como una sobre optimización, lo cual no es una buena idea para tu SEO.
Por lo tanto, asegúrese de que solo haya una etiqueta H1 por página web, y esto debe usarse para dar a los visitantes una idea clara de qué esperar en la página.
También debe comprobar si tiene etiquetas H2 y H3 en sus páginas web.
Se utilizan para dividir el contenido para mejorar la legibilidad.
También puedes incluir palabras clave secundarias en las etiquetas H2 y H3 para complementar tus palabras clave principales.
Comprobar tus scripts
Los scripts son excelentes para tu sitio web. Son útiles para agregar funcionalidad a su sitio. Los scripts más utilizados son JavaScript.
A pesar de su utilidad, los scripts pueden ser perjudiciales para el SEO y la experiencia del usuario de su sitio. En primer lugar, tener demasiados scripts ralentiza el tiempo de carga.
Además, muchos desarrolladores cargan los scripts cerca de la cabecera del contenido.
La idea detrás de esto es que permite que los scripts se carguen al principio cuando un visitante abre la página.
El problema con esto, sin embargo, es que tener sus scripts cargados temprano significa que su sitio tarda mucho más en cargarse.
Entonces, ¿por qué es un problema? Los usuarios de Internet tienen muy poca paciencia.
Por cada segundo que tus visitantes esperan a que se cargue tu página, es posible que experimentes una disminución de hasta un 7% en la conversión a medida que los visitantes abandonen tu sitio.
Esto puede tener un impacto significativo en los ingresos de tu sitio.
Esta es la razón por la que es muy importante comprobar sus scripts.
Lo primero que debe hacer aquí es verificar el número de scripts en su sitio.
¿cuántos son? ¿Realmente necesitas todos estos guiones?
A veces, puede descubrir que algunos scripts siguen activos en su sitio web, incluso si ya no son necesarios.
Estos scripts no solo ralentizan el tiempo de carga, sino que también pueden generar errores adicionales.
La otra cosa que debe hacer es mover los scripts a la parte inferior de la página. Colóquelos justo antes del cierre de la etiqueta <body> en el HTML de su sitio.
Alternativamente, puede crear un archivo JavaScript que contenga todos sus scripts y luego vincularlo a este archivo en la parte inferior de su HTML.
Cualquiera de estos dos enfoques significa que los scripts no tienen que cargarse antes que el resto del sitio, lo que conduce a un aumento significativo en la velocidad de carga de su sitio.
Al comprobar tus scripts, también debes comprobar si los códigos de seguimiento instalados, como el código de seguimiento de Facebook o Google Analytics, están instalados correctamente.
Si estos códigos de seguimiento no están instalados correctamente, existe la posibilidad de que no esté recopilando ningún dato relevante.
Finalmente, comprobar tus scripts te permite descubrir si tu sitio ha sido hackeado. A medida que avance por los scripts instalados, confirme que todos los scripts activos han sido autorizados por usted.
Si encuentra un script que no reconoce o no autorizó, existe la posibilidad de que un hacker lo haya inyectado allí.
Ver su código fuente es la única manera de obtener una visibilidad completa de todos los scripts que se han instalado en su sitio.
Compruebe si hay enlaces NoFollow
Como propietario de un sitio web o vendedor de Internet, probablemente sepa lo importante que es la construcción de enlaces para sus esfuerzos de SEO.
Sin embargo, todos tus backlinks podrían no tener un propósito real si no son seguidos.
Para entender qué son exactamente los nofollows y por qué es importante comprobarlos, necesito hablar de algo conocido como «link juice».»
Al indexar sitios web, los motores de búsqueda interpretan los enlaces a su sitio como endosos de otros sitios web. Si alguien ha elegido enlazar a tu contenido, esto significa que el contenido de tu sitio es relevante y valioso.
Cuantos más sitios externos tengas enlazados a tu sitio, más autoridad percibirán los motores de búsqueda de tu sitio, lo que aumenta la probabilidad de que tu sitio sea clasificado más alto por los motores de búsqueda.
La influencia de estos enlaces en tus rankings de búsqueda es lo que se conoce en términos no científicos como link juice.
A veces, puede codificar un atributo en enlaces para evitar que link juice pase al sitio vinculado. Estos atributos se conocen como nofollows.
Básicamente, el atributo nofollow le dice a los robots de motores de búsqueda que se arrastran a través de un sitio que ignoren ese enlace.
Si un sitio web que enlaza con tu sitio no ha seguido el enlace, entonces el enlace no está pasando ningún jugo de enlace y no contribuye a tu ranking de búsqueda.
Esta es la razón por la que es importante revisar su código fuente y verificar si hay enlaces externos que tengan el atributo nofollow, incluso si no deberían.
Verifique la optimización de imágenes
¿Sabía que las imágenes de su sitio también contribuyen al SEO de su sitio?
La clave para usar imágenes con fines de SEO es asegurarse de que sus imágenes tengan etiquetas de título y alt.
Los robots de motores de búsqueda que se arrastran a través de sitios web no tienen la capacidad de ver lo que contienen las imágenes.
Con las etiquetas alt de título e imagen, proporcionas una forma para que estos robots entiendan de qué se trata tu imagen.
La etiqueta de título de la imagen le da un título a la imagen, mientras que la etiqueta de imagen alternativa contiene una breve descripción de la imagen.
Usar etiquetas de título y alt para sus imágenes es especialmente importante si está utilizando las imágenes para vender productos en un sitio de comercio electrónico.
Al usar imágenes para comercio electrónico, debe incluir el nombre de la marca del producto y una breve descripción como parte de la etiqueta alternativa de imagen.
Otras imágenes que necesitan etiquetas alt incluyen logotipos, infografías, diagramas explicativos, fotos de equipo, etc.
Sin embargo, no es necesario incluir etiquetas alt para imágenes decorativas, como las que aparecen en el carrusel de imágenes en la parte superior de la página.
Al escribir la descripción de tus etiquetas alt de imagen, evita rellenar demasiadas palabras clave, ya que esto podría resultar en que tu sitio sea penalizado.
Al revisar la fuente de su página, puede ver las imágenes buscando la etiqueta <img> o navegando al panel «elementos» después de abrir el código fuente.
En el panel elementos, puede comprobar el tamaño de las imágenes para ver si aumentan el tiempo de carga.
También puede comprobar su capacidad de respuesta para ver si están optimizados para su visualización en diferentes pantallas.
Etiquetas de Meta Robots Countercheck
Esta es otra cosa común que muchos marketers y propietarios de sitios web olvidan o eligen ignorar.
Las etiquetas meta robots dan instrucciones a los robots de motores de búsqueda sobre si las páginas específicas deben indexarse o no, si los enlaces dentro del contenido deben seguirse o no, y así sucesivamente.
He aquí por qué es muy importante comprobar tus etiquetas meta robot.
Si el contenido de tus etiquetas meta robot es incorrecto, dará las instrucciones incorrectas a los robots de los motores de búsqueda, lo que significa que sabotearás tus propios esfuerzos de SEO al evitar que estos robots indexen tu contenido.
Si lee la fuente de página de este artículo en nuestro sitio web, notará que tiene una etiqueta meta robot, que se resalta en la imagen de abajo.
Esta meta etiqueta permite a los rastreadores saber que esta página debe indexarse y que se deben seguir los enlaces de la página.
Confirme Que Google Analytics está Instalado Correctamente
Como webmaster o vendedor en línea, probablemente ya esté utilizando Google Analytics para monitorear y rastrear varias estadísticas en su sitio web.
Sin embargo, existe la posibilidad de que Analytics no esté instalado en todas las páginas, en cuyo caso es posible que no esté monitoreando algunas estadísticas importantes.
Afortunadamente, puede comprobar si Analytics está instalado correctamente a través del código fuente de su sitio web.
Para comprobar la instalación de Google Analytics, simplemente abra el código fuente de su sitio web y busque «UA».»Por ejemplo, si abrimos el código fuente del artículo que usamos en el ejemplo anterior, notará que Google Analytics está instalado en la página.
Si encuentra las letras UA seguidas de un código de 7 u 8 dígitos, esto muestra que Google Analytics está instalado en esa página (no en todo el sitio web).
También debe verificar que el código de seguimiento no aparezca más de una vez en una sola página.
Repita este procedimiento en cada página para asegurarse de que Analytics esté instalado en el resto de las páginas.
Si te encuentras con una página que no tiene un código de seguimiento, esto significa que no estás obteniendo ningún análisis de esa página.
Si tiene un sitio enorme que no puede verificar manualmente el código de seguimiento de análisis en cada página, puede usar una herramienta como xml-sitemaps.com para facilitarle el trabajo.
TERMINAR
Es posible que no lo hayas considerado, pero ver el código fuente de tu sitio web puede ser una excelente manera de realizar una auditoría SEO en tu sitio y confirmar que todo en tu sitio está bien.
La mejor parte de esto es que no necesita ser un desarrollador web o tener mucha experiencia técnica para elegir el código fuente de su sitio web.