Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Desarrollo Web / Validar etiquetas facebook en standar w3c

Validar etiquetas facebook en standar w3c

Autor jc mouse viernes, agosto 10, 2012

Cuando se diseñan paginas web es recomendable hacer uso de standares como una de las buenas practicas de programación, pero eso no quiere decir que si obviamos ese paso nuestras web estén mal hechas, es solo un formalismo, nuestras web igual funcionan y eso es lo que importa, sin embargo hay personas que les gustan los standares y en la mayoría de los casos esas personas son las que nos pagan 🙂 así que debemos regirnos por esos standares, el W3C ( World Wide Web Consortium ) es quien rige las normas para establecer si una web esta bien hecha o no, o mejor dicho, si una web cumple las reglas del W3C, para ello cuenta en su pagina con una herramienta on-line para validar sitios HTML.

Cumplir sus reglas no es complicado, sin embargo la tecnología web crece día a día y grandes empresas como Google, Facebook o Twitter entre muchos otros, desarrollan sus propias etiquetas para implementar sus botones sociales en diferentes sitios web y es ahí donde surgen problemas con los standares del w3c, con páginas de tipo TRANSITIONAL no hay mucho problema, pero con web del tipo STRICT si los hay, pues bien, después de varios intentos fallidos  me puse a buscar una solución y entre los muchos resultados obtenidos que no funcionaban, me encontré con la solución en la pagina de «markmediagroup«, la cual resulto ser muy sencilla LOL 🙂 , no pretendo robar credito a nadie asi que dejo el enlace de donde saque la info markmediagroup.

Para los que no saben ingles, aunque no es necesario se entiende perfectamente, la solución para validar etiquetas de facebook es la siguiente:

1.Ingresa a la página de desarrolladores de facebook,a la sección de plugin LIKE BUTTON y sigue los pasos para obtener el código, cuando termine presiona el boton GET CODE, facebook te muestra las opciones:

  • XHTML5
  • XFBML
  • IFRAME
  • URL

Utilizaremos el código de la opción XFBML, con los primeros códigos no hay problema de validación así que los colocamos como estan:

1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2. Add an XML namespace to the <html> tag of your document. This is necessary for XFBML to work in earlier versions of Internet Explorer.

<html xmlns:fb="http://ogp.me/ns/fb#">

El código del paso 3 viene de la siguiente forma:

<fb:like href="https://www.jc-mouse.net/" send="false" layout="button_count" width="450" show_faces="false" font="arial"></fb:like>

Esas etiquetas propias de facebook FB: , send, etc, son las que no reconoce el w3c, así que para validarlas se hara uso de javascript, dejando todo de la siguiente forma:

<script type="text/javascript">
//<![CDATA[
document.write('<fb:like href="https://www.jc-mouse.net/" send="false" layout="button_count" width="450" show_faces="false" font="arial"></fb:like>');
/]]>
</script>

este código es el que debemos colocar en nuestras paginas donde queramos colocar el plugin de facebook y cuando validemos con la herramienta del wc3 obtendremos la validación correcta.

This document was successfully checked as XHTML 1.0 Strict!

w3c

¿Y a todo esto para que sirve validar una página?

Bueno, la principal razón creo yo 🙂 es para dar gusto a quienes adoren tener todo en regla, analistas como los odio 😉 , y la otra razón es que al tener un código validado, digamos LIMPIO, los programas spider de los buscadores como Google, aceptan mucho mejor nuestros sitios web y los indexan en mejor posición, una buena practica SEO , aunque como dije en un principio, todo cambia y es muy difícil comprobar si una pagina validada tiene mejores resultados de indexación que otra que no lo está, al fin y al cabo es una buena practica de programación y a nadie le hace daño seguirla.

Eso es todo 🙂

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Posts relacionados con miniaturas para blogger

Posts relacionados con miniaturas para blogger

Qué necesitamos: Un editor de texto que coloree el código, por ejemplo Notepad++, esto nos ayuda a trabajar mas facilmen...

Espirógrafo online

Espirógrafo online

El espirógrafo es una herramienta para generar diseños geométricos conocidos como hipotrocoides (es la curva plana que d...

JCPanel 3.0

JCPanel 3.0

Nueva versión de un viejo proyecto swing «JCMousePanel» que nos permitía agregar imágenes en los contenedores JPanel. En...

Actualizar JComboBox al cambiar valor de otro JComboBox

Actualizar JComboBox al cambiar valor de otro JComboBox

Cuando se trabaja con base de datos, estos datos son dinámicos, cambian con el tiempo y es necesario que esos cambios se...

Script PHP – Mouse responde

Script PHP – Mouse responde

«Mouse Responde…» simula ser un alma en pena que responde cualquier pregunta que le hagan, al estilo del juego de...

Integración de FFmpeg con Java

Integración de FFmpeg con Java

FFmpeg es una colección de software libre capaz de decodificar, codificar, transcodificar, mux, demux, transmitir, filtr...

Comparte lo que sabes

Categorias

Últimas entradas

Quasar es un proyecto Open Source basado en el Framework Vue que nos permite desarrollar proyectos de todo tipo, por eje...

Continuando el post de «Introducción a Retrofit» donde realizamos una breve preparación a lo que es el uso de la librerí...

Editar un documento PDF no es tan sencillo como editar un archivo de texto por ejemplo, para editar archivos PDFs necesi...

¿Alguna vez tuviste la necesidad de hacer una captura de pantalla de una página web? Si es así, seguramente buscaste y d...

Herramientas

Generador de Enlaces a Whatsapp