El código html

Algo que sin duda perturba el posicionamiento de una página web son los errores de código html, (hyper text marked languague), si bien es cierto que los sistemas cms controlan muchos de estos problemas hay ocasiones en que precisamos usar códigos externos, ya sea para incrustar un video, adicionar una galería, o colocar un archivo pdf, una presentación y otros.

Casi siempre se precisa de algo que quizás sabemos desarrollar en alguna plataforma online, nos pareció fácil, o simplemente ya lo habiamos hecho anteriormente, o algún compañero de la empresa lo desarrolló allí por alguna razón.

Debido a esto debemos depender para nuestros desarrollo de códigos externos que a lo mejor tengan errores, hagan lenta la carga de la página, o no sean compatibles con el ancho de la plantilla, pueden ser múltiples las causas para que aparezcan errores de todas clases y al final esto resta puntos o simplemente hace que desindexen nuestra web o la penalicen.

Para todos los efectos es indispendsable aprender el funcionamiento del validador online y conocer trucos y opciones para poder corregir el código html que está mal, para esto debemos dirigirnos a al validador.

Siempre que creas una web con un sistema cms tienes varias opciones, crearla en caliente, es decir ir al servidor, crear la base de datos y simplemente, usar el instalador que nos hace todo desde allí mismo.

Otra forma es descargar el xampp, y hacer una instalación del sistema que puedas controlar directamente desde tú pc y una vez listo puedes ya subir la página por ftp, esto se llama hacer una instalación en localhost y hay que seguir unos parámetros para lograrlo además de crear ciertas carpetas específicas.

Una vez que entramos a la web de validación y colocamos el enlace a revisar podremos ver resultados de este tipo :

Acá el validador nos está diciendo que un documento no debe incluir más de un elemento meta con el atributo de nombre configurado a un valor descripción, de linea 27, columna 1; a línea 27, columna 47.

Esto se trata básicamente que hay una descripción duplicada, entocnes debemos usar el file manager, y editar la plantilla, dirigirnos a esa línea de código y eliminar la descripción duplicada.

Otra forma de error puede ser de este tipo

Precaución, el atributo tipo para el elemento de stylo no se necesita y debe ser omitido.

De la línea 100, columna 1, a la línea 100 columna 56.

Acá nos está indicando que el error se refiere a la plantilla usada y que es un error de estilo(css).

Hojas de Estilo en Cascada (del inglés Cascading Style Sheets) o CSS es el lenguaje de estilos utilizado para describir la presentación de documentos HTML o XML (incluyendo varios languages basados en XML como SVG, MathML o XHTML). 

Css describe como debe ser renderizado el elemento estructurado en la pantalla, en papel, en el habla o en otros medios.

Css es uno de los lenguajes base de la Open Web y posee una especificación estandarizada por parte del W3C. 

Anteriormente , el desarrollo de varias partes de las especificaciones de Css era realizado de manera sincrónica, lo que permiía el versionado de las recomendaciones.

No pretendo ni mucho menos dar una clase de html en un post, pero si mi deseo es explicar que para resolver estos asuntos se precisa algún conocimiento mínimo de código, sentido común, análisis y otros.

En esos pueden aparecer muchísmos errores, pocos, o ninguno, y sin embago es posible posicionarse sin resolverlos al cien por ciento, pero para los que trabajamos en esto sabemos que es necesario hacer las cosas bien y acorde a lo que especifican los buscadores para quedar indexado.

En la página del validador W3C es posible cargar un archivo de validación o hacerlo por entrada directa.

También se cuenta con una estructura de desarrollo en donde consigues múltiples herramientas de trabajo.

En Wordpress existe un plugin de validación y acá les dejo el enlace para su conocimiento, allí pueden ver el manejo y el procedimiento pero está en inglés.

Les dejo también con la estructura general de los codex y la mayoría de procesos válidos

Cómo hacer los debuggs correspondientes

Al final muchisimas páginas web no hacen la validación, no se preocupan por eso, y logran excelentes resutlados, de mi parte siempre miro todos los aspectos para hacer las cosas de la mejor forma posiblem y acá dejo las referencias que conozco y aplico.

Berny Polanía V.

Ingeniero de Soporte