martes, 21 de febrero de 2012

Filled Under: , ,

Migas de pan para Blogger: Breadcrumbs – Promotional Code

El pequeño resumen que Google muestra sobre los distintos resultados de una búsqueda, es sin duda uno de los principales factores que ayuda a los usuarios a decidir si la página que el buscador les ofrece, contiene lo que están buscando o no.

Ese fragmento se genera mediante algoritmos internos de Google, pero podemos ayudar un poco a que en ese resumen aparezca adicionalmente algo significativo que nosotros elegimos. Serían las llamadasbreadcrums o migas de pan. Esto se logra conmicrodatosestructurados (metadatos)omarcas RDFa.


Lo de que Google pone en el resumen lo que quiere, lo podéis comprobar fácilmente poniendo en su buscador algunas palabras clave del titulo de alguna entrada vuestra (que no sean muy comunes) y añadiendo alternativamente alguna palabra adicional que aparezca en ese mismo post.





Al igual que en elPulgarcito de Perraut, el protagonista pretendía volver a su casa marcando el camino con migas de pan que dejaba caer, lasbreadcrums son como sendas de navegacion que indican dónde estamos y por dónde se llega allí. Un ejemplo para una entrada podría ser este:

Home Trucos Metadatos con schema.org para botón +1


Pues aparte de que el usuario tenga esa información a mano, lo que pretendemos con la instalación de un sistema debreadcrumbs, es que Google incluya esa información cuando nos muestre como resultado de búsqueda. El día que el santo buscador quiera, este saldría bajo el titulo:



Y aparecerán en Google si se han añadido y marcado como tales, pero sin garantía de que Google las incorpore. Lo que si está claro es que si no las incluimos, seguro que nunca saldrán, así que nosotros vamos a hacer lo necesario para que estos datos aparezcan bien marcados.


Para ello vamos a crear una serie de condiciones de manera que en cada tipo de página (entradas, home, navegación, archivo...) aparezcan los datos que nos interesan. Los únicos que marcaremos serán los de las entradas, pero para que los usuarios también se beneficien de estos caminos, haremos una estructura congruente en el resto de casos.


Tenemos que insertar dos trozos de código nuevos en nuestra plantilla, que serán por un lado la rutina oincludable que es el que hace realmente el trabajo y uninclude o llamada al anterior. Este último lo pondremos dónde queremos que aparezca nuestro camino de migas.

Para ambos necesitamos marcarExpandir plantillas de artilugios y para el segundo, buscarb:include data='top' name='status-message'/. Suele haber dos líneas como esa en la plantilla. Como la primera es para la versión móvil, la que nos interesa es la segunda. Justo ANTES de ella insertamos la llamada:

!-- Breadcrumb --
b:include data='posts' name='breadcrumb'/


Y ahora la parte larga, elincludable. Para saber el sitio dónde ubicar este, buscamosb:includable id='main' var='top'. Al igual que antes, puede que encontremos dos, pero si es así, nos quedamos con el segundo. También justo ANTES de esa línea, incorporamos esto otro:

b:includable id='breadcrumb' var='posts'
b:if cond='data:blog.homepageUrl != data:blog.url'
b:if cond='data:blog.pageType == "static_page"'
!-- Página estática --
div class='breadcrumbs'
spanEstás en a expr:href='data:blog.homepageUrl' rel='tag'Home/a/span » spandata:blog.pageName//span
/div
b:else/
b:if cond='data:blog.pageType == "item"'
!-- Entradas --
b:loop values='data:posts' var='post'
b:if cond='data:post.labels'
div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'
span typeof='v:Breadcrumb'Estás en: a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'Home/a/span
b:loop values='data:post.labels' var='label'
b:if cond='data:label.isLast == "true"'
» span typeof='v:Breadcrumb'a expr:href='data:label.url' property='v:title' rel='v:url'data:label.name//a/span
/b:if
/b:loop
» spandata:post.title//span
/div
b:else/
div class='breadcrumbs'
spana expr:href='data:blog.homepageUrl' rel='tag'Home/a/span »spanSin etiqueta/span » spandata:post.title//span
/div
/b:if
/b:loop
b:else/
b:if cond='data:blog.pageType == "archive"'
!-- Archivo y resultados de búsqueda --
div class='breadcrumbs'
spana expr:href='data:blog.homepageUrl'Home/a/span » spanArchivos para data:blog.pageName//span
/div
b:else/
b:if cond='data:blog.pageType == "index"'
div class='breadcrumbs'
b:if cond='data:blog.pageName == ""'
spana expr:href='data:blog.homepageUrl'Home/a/span » spanTodas las entradas/span
b:else/
spana expr:href='data:blog.homepageUrl'Home/a/span » spanEntradas. data:blog.pageName//span
/b:if
/div
/b:if
/b:if
/b:if
/b:if
/b:if
/b:includable


Una vez hecho todo esto podéis probar el resultado en la herramienta queGoogle Webmasters Tools dispone para comprobar todas estas marcas.

El código y gran parte de esta explicación han sido obtenidos deBlogger Plugins, dónde podéis obtener alguna información mas. Eso sí, en inglés ;)

Social media platforms for business WordPress hosting accident attorneys orange county PHD on Counseling Education la personal injury lawyer Casino Online casino Custom Christmas cards diagnosed with mesothelioma Live casino mesothelioma information Online Colleges small business administration sba Cheap Auto Insurance in VA fortis health insurance temporary adverse credit remortgage sell annuity payment Cheap Car Insurance in Virginia Php programmers REGISTER FREE DOMAINS buying an annuity calculator PSYCHIC FOR FREE Mobile casino georgia truck accident lawyer mesothelioma ct car insurance in south dakota Business VOIP Solutions Home Phone Internet Bundle mesothelioma lawsuit structured settlemen Massage School Dallas Texas Make money online Australia World trade center footage Best social media platforms CAR ACCIDENT LAWYERS Best Criminal Lawyers in Arizona Car Insurance Quotes MN Asbestos Lung Cancer DONATE YOUR CAR FOR MONEY Life Insurance Co Lincoln mesothelioma drug wisconsin mesothelioma attorney STRUCTURED ANNUITY SETTLEMENT MORTGAGE ADVISER car insurance quotes utah mesothelioma lawyer houston tx auto insurance Hire php developers Psd to WordPress Donate Cars Illinois New social media platforms Social media examiner Webex Costs Casino reviews Car Insurance Quotes Colorado washington mesothelioma attorney harddrive data recovery services structured annuity settlement Computer science classes online mesothelioma donate your car for kids Bankruptcy lawyer car insurance quotes mn Custom WordPress theme designer DUI lawyer accident attorney orange county Royalty Free Images Stock Photo Christmas cards Service business software accident lawyers in los angeles MASSAGE SCHOOL DALLAS TEXAS Hire php programmers Donate a Car in Maryland Adobe illustrator classes Virtual Data Rooms cash out structured settlement personal injury law firm CAR INSURANCE QUOTES MN Car Insurance Quotes Utah Paperport promotional code Dwi lawyer Criminal lawyer Best Seo company Criminal defense lawyer michigan motorcycle accident lawyer Motor Replacements Php programmers for hire Hire php developer Social media campaigns mesothelioma law suits Car Insurance Quotes PA Car Accident Lawyers Seo companies Mesothelioma Law Firm phd in counseling education Donating a Car in Maryland BEST CRIMINAL LAWYER IN ARIZONA Best social media platforms for business adverse remortgage Business finance group baltimore mesothelioma attorneys VIRTUAL DATA ROOMS ROYALTY FREE IMAGES STOCK dui lawyer scottsdale Seo services Sell Annuity Payment business email web hosting Online College Course Business management software personal injury firm tennessee mesothelioma lawyer personal injury attorney springfield mo Seo company Psychic for Free Nunavut culture PAPERPORT PROMOTIONAL CODE Online Christmas cards Structures Annuity Settlement Neuson WordPress themes for designers auto accident attorney Torrance Personal Injury Lawyers motor insurance quotes Social media management DONATE OLD CARS TO CHARITY structered settlement mesothelioma lawyer houston boca raton personal injury attorney Register free domains sell structured settlement calculator Cheap Domain Registration Hosting Learning adobe illustrator DAYTON FREIGHT LINES Tech school Social media platforms SELL ANNUITY PAYMENT Proud Italian cook MET AUTO NUNAVUT CULTURE Html email massage school dallas texas Christmas cards LOW CREDIT LINE CREDIT CARDS Psd to html motorcycle accident attorney sacramento mesothelioma attorney california mesothelioma law firms LIFE INSURANCE CO LINCOLN Italian cooking school HOW TO DONATE A CAR IN CALIFORNIA donate old cars to charity Better Conference Calls WordPress theme designers Annuity Settlements pharmacist jobs in chicago register free domains Personal Injury Lawyer Mortgage adviser Social media strategies best criminal lawyer in arizona Social media tools Low credit line credit cards Dayton Freight Lines motorcycle accident lawyer california Donate Car to Charity California emergency response plan ppt Dallas Mesothelioma Attorneys Donate Car for Tax Credit Forensics Online Course workplace accident attorney Donate Cars in MA life insurance quotes Donate Your Car Sacramento How to Donate A Car in California Donate a car in Maryland Donate Your Car for Kids Asbestos Lawyers structured settlement quote verizon sip Online Classes ONLINECLASSES AUTOMOBILE ACCIDENT ATTORNEY mesothelioma law firm Nunavut Culture Hard drive Data Recovery Services mesothelioma claims Donate Car To Charity CALIFORNIA structured settlement buyer Holland Michigan College ASBESTOS LAWYERS Criminal Defense Attorneys Florida selling my structured settlement Better conferencing calls Online Motor Insurance Quotes Forex Trading Platform holland michigan college illinois law lemon city college in miami onlineclasses benchmark lending mesothelioma charities Futuristic Architecture mesothelioma lawyers san diego Low Credit Line Credit Cards Paperport Promotional Code personal injury lawyer sarasota fl business administration masters integrated ehr mesothelioma settlements buyer of structured settlement annuity