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="http://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="http://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

Cambiar API Level en Android Studio

Cambiar API Level en Android Studio

Cuando desarrollamos aplicaciones en el IDE (Entorno de Desarrollo Integrado) de Android Studio, es importante indicar e...

Reproducir video en JFrame Swing con JavaFX

Reproducir video en JFrame Swing con JavaFX

JavaFX un producto de  Sun Microsystems/Oracle Corporation que salio a la luz para competir con tecnologías como Flash o...

Descargar Doodle Google Pacman

Descargar Doodle Google Pacman

Hace un par de años atras google para el aniversario del juego de Pacman saco un doodle en su homenaje, ese doodle que s...

WhatsApp: Aprende a usar la nueva función ‘Estado’

WhatsApp: Aprende a usar la nueva función ‘Estado’

A continuación te mostramos una guía sobre la nueva nueva función ‘estado‘ de WhatsApp.  Primero que nada, a...

UML Java: easyUML plugins para Netbeans

UML Java: easyUML plugins para Netbeans

easyUML es una herramienta para crear diagramas UML para NetBeans de forma visual. Adecuado para el aprendizaje de este...

Exportar registros MySQL a Excel

Exportar registros MySQL a Excel

Java Excel API es un API para java que permite a los desarrolladores leer y escribir en hojas de cálculo Excel. jexcelap...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

Comparte lo que sabes

Categorias

Últimas entradas

Secret (https://getsecret.now.sh/) es una aplicación web gratuita que te permite enviar mensajes temporales cifrados que...

PHPUnit es un framework que se utiliza para escribir tests en PHP, Netbeans nos permite configurarlo y usarlo fácilmente...

Una Prueba Unitaria, es una forma de comprobar que nuestro código, hace lo que se supone debe hacer; es decir, se asegur...

La prueba del camino básico, es una prueba de “caja blanca” que consiste en verificar el código de nuestros...

Android Bolivia

Bandera en Alto