CosasParaMiBlogs

martes, 3 de septiembre de 2013

Aprende a utilizar las herramientas para Webmaster de Google: Añade tu Blog o sitio web al índice de Google – Abogado

Actualizado con las últimas novedades introducidas por Google en Verano de 2013.

Te presento un conjunto de entregas especializadas en las Herramientas para Webmaster de Google, donde comenzaremos por el aspecto fundamental para su utilización: entender cómo funcionan sin entrar en tecnicismos, simplificando su utilización para los usuarios menos expertos en informática. Darnos de alta en las herramientas y comenzar a realizar los primeros pasos de mantenimiento necesarios para que nuestro sitio web se encuentre añadido al índice de búsqueda de Google.

La publicación de una página web o de un blog no termina con su creación y puesta en el servidor. Después de todos los esfuerzos por añadirle el contenido deseado y la dedicación puesta en cada detalle, es necesario hacerse visible a los motores de búsqueda para que estos puedan añadir nuestros contenidos a sus bases de datos.

Hoy día el auge de los buscadores ha transformado el concepto del uso de Internet. Pocas veces un usuario escribe una dirección concreta en su navegador para ir a una página web, ahora el usuario busca información y contenidos pero en el sitio que le encuentre el buscador.

Quiero intentar ayudarte a conseguir que te hagas "visible" en los resultados que Google puede ofrecer a los millones de usuarios que día a día están buscando contenidos como el tuyo en Internet. Para conseguirlo te propongo esta guía donde ir viendo paso a paso cómo lograr estar presentes en los índices de Google para que este pueda servir con mayor facilidad esa importante información que quieres exponer al mundo.

De paso deseo comunicarte los cambios que se han producido en las herramientas de webmaster de Google en este verano de 2013. Si ya conocías las herramientas te servirá para refrescar conceptos y saber ahora cómo han sido mejoradas para una mayor facilidad de uso y comprensión del usuario.

Entregas de la guía de Herramientas para Webmaster de Google:

Aprende a utilizar las herramientas para webmasters de Google - Entrega I: Añade tu Blog o sitio web al índice de Google
Aprende a utilizar las herramientas para webmasters de Google - Entrega II: El mantenimiento necesario para tu sitio web o blog, mantenlo vivo en Google
Aprende a utilizar las herramientas para webmasters de Google - Entrega III: Las mejores utilidades para sacarle partido a tu sitio web o Blog

Conceptos previos, comprende el funcionamiento. ¿Cómo funciona el buscador?, ¿qué son las herramientas para webmaster?:

Olvidémonosde complejos términos técnicos y simplifiquemos cómo funciona la adición de contenidos al índice de un buscador. Entendamos cómo nos hacemos "visibles" al buscador en Internetde una manera clara y sencilla:

Los motores de búsqueda como Google disponen de "robots" o "programas informáticos" que recorren y rastrean día a día la red entera para ir añadiendo cualquier contenido o cambio que se produzca en los miles de millones de páginas web que pueblan Internet.
Los robots, esos programas que rastrean la citada información, van "ordenándola y agrupándola" en un "índice" que le permitirá después al buscador localizar los resultados que dichos "autómatas" han ido procesado y analizado.
El índice le sirve al buscador para no tener que "ir él" a buscar la información a los sitios web. Los robots lo han ordenado y agrupado para que él simplemente acceda ya a la información de una manera rápida y eficiente.
Si tu web no está en "el índice" del buscador, cuando un usuario realice una consulta sobre la información que tú posees, no aparecerá en sus resultados o aparecerá en las últimas páginas que un usuario casi nunca visita.
Si bien con el tiempo los robots del buscador llegarán hasta tu sitio web, si indicas al buscador tu presencia, tu autoría y propiedad de una web, éste te añadirá antes a su índice y "confiará" en tus contenidos al seguir sus normas y reglas de adición a su índice.
Al incorporarte a su sistema de recolección de información en la web, tu posicionamiento en los resultados pasará de ser algo "posible" a algo "real". Luego, cómo "escalas" por esas posiciones, depende de diversos factores que siempre repasamos en las guías de SEO y posicionamiento de Diarios de la nube(te recomiendo que las visites todas si estás interesado en este fantástico tema).
El concepto fundamental es que incorporar tu web al índice del buscador es necesario para que éste te pueda presentar en los resultados de las búsquedas de los usuarios. Las herramientas de Webmaster de Google te permiten gestionar al completo tu incorporación al índice del buscador, así como otro conjunto de utilidades que permitirán llevar el mantenimiento normal de un sitio web en Internet y otras de posicionamiento.

¿Qué consigo con las herramientas para webmasters de Google?

Por medio de archivos que recorren los robots de Google (o cualquier otro buscador), le diremos al índice cómo está estructurado nuestro sitio web y qué contenidos manejamos. Además podremos dar permiso para que los robots indexen los contenidos que nosotros queramos e indicar aquellos que no deseamos que sean indexados.
Podremos controlar qué problemas se están produciendo en nuestro sitio web que impiden que los robots rastreen adecuadamente el sitio. De esta manera podremos poner los medios para solucionar aquellos errores que hagan que no podamos salir adecuadamente en los resultados del buscador.
Podremos verificar la autoría del sitio. Será nuestro y le diremos a Google que el determinado Blog o sitio web pertenece a una persona con un correo electrónico real que está operando en Internet.
Tendremos a nuestra disposición herramientas de análisis de datos para ver las consultas que han llevado a los usuarios hasta nuestro sitio web. Las palabras clave que más han utilizado.
Podremos supervisar nuestro estado de indexación, qué páginas de nuestro sitio han pasado a formar parte del índice.
Tendremos acceso a múltiples herramientas que nos ayudarán a mejorar la calidad de nuestro sitio web de diversas formas (rendimiento, usabilidad, propiedad, etc...).

Paso a Paso, cómo añadir nuestro sitio web al índice de Google:

1) "OPTIMIZARME" PARA GOOGLE

1.1 En primer lugar accedamos a "Optimizarme para Google":

1.2 En esta pantalla sólo tenemos que introducir primer la URL (dirección http://...) a nuestra WEB o BLOG en la caja de texto "URL:". A continuación, Google te pedirá que introduzcas las palabras clave que te dibuja antes de la segunda caja de texto donde te indica "escribe las dos palabras". Si hemos introducido bien la URL y el código de palabras que Google nos solicita para evitar abusos de inserciones indebidas, haremos que Google intente añadir a su índice de páginas disponible para las consultas de los usuarios la nuestra.
1.3 Cabe destacar, que al tratarse de una opción "abierta", sin comprobaciones de usuario y de más, no está totalmente garantizado que con ello nos vayan a incluir en el índice como dejan claro en la afirmación "No añadimos todas las URL enviadas a nuestro índice y no podemos predecir la fecha en la que las URL aparecerán en el mismo ni garantizar que vayan a aparecer.". Este aspecto lo intentamos subsanar en el siguiente paso, utilizando las herramientas que a tal efecto nos proporciona el buscador. Como mínimo, este ya es un hito para tratar de ganar visibilidad en las búsquedas.

2)DANDO DE ALTA NUESTRO SITIO WEB O BLOG EN LAS HERRAMIENTAS PARA WEBMASTERS DE GOOGLE

NOTA IMPORTANTE: debes manejar cuidadosamente estas herramientas, no van a dañar tu web o blog pero un mal uso puede hacer que pierdas la posibilidad de que miles de usuarios accedan a tus páginas. No me responsabilizo de los fallos que se puedan cometer de un uso indebido de las herramientas que a continuación describo. Es sencillo pero hay que realizar los cambios con atención y cuidado.

ACCESO Y PUESTA EN MARCHA:

2.1 Accedamos aHerramientas para Webmasters:

2.2 Si no tienes usuario Google (Gmail, Blogger o de cualquiera de sus productos) necesitarás crearlo para acceder. Si posees ya un usuario de Google, o si ya estás autenticado en tu blog o en GMAIL, podrás acceder directamente a la página de inicio de las herramientas web. En cualquier caso, necesitarás introducir usuario y password para la entrada.
2.3 Una vez dentro se te presentará el "escritorio" donde vas a tener el listado de Webs o Blogs con los que vas a trabajar con las Herramientas para Webmaster de Google:

2.4 En ella deberás en primer lugar "Añadir un sitio". Al pulsar el botón las herramientas te permitirán que introduzcas la URL (http://...) a tu Web o Blog.
2.5 Una vez dada de alta, te aparecerá en la lista (como se ve en la pantalla de arriba). La seleccionas y accedes a las herramientas que vamos a utilizar.

Presentación mejorada en Verano 2013

2.6 La primera vez, no te saldrá con el panel de control que te muestro en pantalla, porque todo eso irá apareciendo según utilices las herramientas.

3) ESTABLECER USUARIOS PROPIETARIOS DEL SITIO:
3.1 Deberás inicialmente establecer el usuario Administrador propietario de la web o blog. Aquí Google va a contrastar la autenticidad de la acción, buscando que efectívamente se manifieste que el usuario que añadas como administrador es efectívamente el propietarios de la página. Esta acción es esencial para que Google "confíe" en ti como propietario gestor de la URL que le has proporcionado.
3.2 Para poder acceder a la pantalla de adición de usuarios, en el menú lateral pulsa "Configuración" y después "Usuarios".

3.3 Añades los usuarios y la herramienta se encargará de realizar las verificiaciones, si posees una cuenta blogger es posible que realice esta tarea por ti la herramienta o que la verificación sea mucho más sencilla. De cualquier forma, la verficación se podrá realizar por cuenta de correo electrónico de GMAIL o por usuario de GOOGLE+. Cuando todo esté comprobado, te aparecerá el usuario o usuarios como en la pantalla de arriba.En este punto para más información clicaaquípara obtener más detalles o soporte de Google.

4) UTILIZAR EL MAPA DEL SITIO:
4.1 A continuación con nuestro usuario validado y nuestra web lista para ser administrada vamos a trabajar con "sitemap.xml". El "sitemap.xml" evitando entrar en tecnicismos que escapan del ámbito de esta guía rápida, le sirve a Google para conocer la estructura que conforma nuestra Web o Blog, optimizando en primer lugar el contenido, pues ayuda al buscador a tener una estructura de acceso rápido sin necesidad de tener que "leer" el contenido por fuerza "bruta" y "montarse el un sitemap.xml". Esto ayudará a que la adición al índice y el contacto del buscador con nuestra web sea totalmente fluido. Sin un Sitemap, el buscador tardará muchísimo más en poderte hacer "visible" y no ofrecerá consultas rápidas a tu web o blog.
4.2 Para trabajar con el "sitemap.xml" nos iremos al menú de la izquierda y pulsaremos "Rastreo" y en el submenú que sale, pulsaremos "Sitemaps", para que nos salga una pantalla como esta:

4.3 La primera vez no te saldrá como la pantalla que te muestro porque o no tendrás sitemap cargado o aún no habrás solicitado "indexación" del mismo. Continúa con los pasos siguientes para añadir tu sitemap.
4.4 Si no eres usuario de blogger o tienes una web que no tenga sitemap, crearlo es muy sencillo, puedes utilizar esta dirección:http://www.xml-sitemaps.com.Enxml-sitemaps bastará con introducir tu URL y la propia web te generará un sitemap para que lo subas a tu propia página web o lo envíes a las herramientas que estamos utilizando.

4.5 Si eres usuario Blogger tienes dos opciones para subir o actualizar tu sitemap:
a) Si tu dominio es .blogspot o es .com, .es, .mx, etc...:Le das al botón "Añadir o Probar Sitemap" para añadirlo y en la caja escribes/atom.xml?redirect=false&start-index=1&max-results=500.
b) Si tu dominio es .blogspot, puedes poner directamente en la caja:sitemap.xml
4.6Si te quieres asegurar que el sitemap es correcto, la opción de probar te lo evalúa y te comprueba si contiene errores o problemas que lo hacen inservible para que lo puedas retocar.

Puedes probar tu sitemap directamente en el navegador escribiendo tu [DIRECCIÓN_WEB]/sitemap.xml y verás que el propio navegador intentará descargarte el citado archivo. Si eres usuario de Blogger pero de una .com, .es, etc... (dominio propio) puedes poner tu[DIRECCIÓN_WEB]/atom.xml o tuURLatom.xml?redirect=false&start-index=1&max-results=500.

5) SOLICITUD DE ENVÍO AL ÍNDICE
5.1 Una vez terminamos con el sitemap, cerramos la guía solicitando que nos añadan al índice, lo que por fin nos ayudará a conseguir la visibilidad y velocidad de respuesta en las búsquedas de los usuarios que deseamos.
5.2 Para ello, en el menú de la izquierda pulsa sobre "Rastreo" y en el submenú que sale, pulsa "Explorar como Google".

5.3 En este punto esMUY IMPORTANTE: no enviar innecesariamente al índice cambios. Es decir, sólo debemos pedirle a Google que nos actualice la información de nuestra web o blog en su índice cuando realmente haya cambios significativos.
5.4 Para añadir una solicitud de incorporación al índice de Google de nuestra web o blog pulsamos sobre el botón "Recuperar". Esa petición aparecerá acto seguido en el listado inferior como se puede contemplar en la imagen de arriba, mostrando el estado de la solicitud de rastreo (que sólo se podrá realizar correctamente si hemos realizado todos los pasos anteriores) y el botón "Enviar al índice".
5.5 Pulsamos "Enviar al índice" para que se procese la solicitud de inclusión de nuestra web o blog o de cambios realizados en la misma, en el índice que Google utiliza para servir los datos a los usuarios que consultan su buscador.

5.6 Consideraciones:

La adición al índice NO es inmediata y NO tiene porqué realizarse cuando nosotros queramos. Dependerá de que los programas de rastreo y recolección de datos de páginas los atiendan.
Con el tiempo, que puede oscilar considerablemente de unos casos a otros, se irá añadiendo al índice o parte o la totalidad de tu blog o web.
Podrás comprobar los resultados cuando introduciendo en Google el nombre directo de tu blog o tu web, salga directamente en las primeros resultados la misma. Hasta que el índice no te ha reconocido, siempre mostrará otros resultados similares antes que el tuyo, cuando te tenga incluído verás que saldrá entre los primeros resultado.
También podrás comprobar el estado de adición al índice en las opciones de las herramientas web.

PARA LOS USUARIOS QUE YA CONOCEN LAS HERRAMIENTAS DE WEBMASTERS, NOVEDADES VERANO 2013

Vemos en las pantallas inferiores que el esquema de menús por los que navegar por las herramientas ha sido mejorado. Ahora se ha decidido dividir en:

"Aspecto de la búsqueda" : donde se ha introducido todo el apartado referente a los datos de marcado, mejoras html y otros aspectos que permiten el control de cómo se presenta los resultados en el buscador.
"Tráfico de búsqueda": contiene todo lo referente al análisis de datos de búsqueda (consultas de búsqueda, enlaces a tu sitio, etc...)
"Índice de Google": Opciones centradas en el control del estado del indexación de las páginas que componen nuestro sitio web o blog.
"Rastreo": el conjunto de opciones fundamentales para conseguir controlar cómo nos rastrearán los robots de Google para añadir nuestra información al índice (control de robots.txt, sitemap, etc...).
"Software malintencionado": herramienta de análisis de software malintencionado.
"Herramientas adicionales y labs": herramientas experimentales o de análisis de rendimiento, comprobación de meta-datos, etc...

Presentación antes de Verano de 2013

Presentación mejorada en Verano 2013

En definitiva, han agrupado de una manera más intuitiva las opciones de menú y añadido la mejora del "Aspecto de la búsqueda", que nos permite tener un mayor asesoramiento de cómo va a quedar nuestra web en los resultados que Google presente a los usuarios.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

mesothelioma drug Car Insurance Quotes Colorado Make money online Australia Donating a car in Maryland DONATE CAR FOR TAX CREDIT Criminal defense lawyer FUTURISTIC ARCHITECTURE Service business software Business finance group Mortgage motorcycle accident attorney chicago Php programmers Casino refinance with bad credit adverse credit remortgage Royalty Free Images Stock mesothelioma charities Social media platforms for business Christmas cards Seo companies Personal Injury Law Firm BEST CRIMINAL LAWYER IN ARIZONA truck accident attorney los angeles tucson car accident attorney Criminal lawyer Car Insurance Companies injury lawyers west palm beach personal injury attorney ocala fl Bankruptcy lawyer new mexico mesothelioma lawyer Online casino Car Insurance Quotes attorney lawyer mesothelioma Car Accident Lawyers Html email Dallas Mesothelioma Attorneys best consolidation loan student Donate your car for kids Mobile casino Forensics Online Course low credit line credit cards DONATE YOUR CAR FOR MONEY Casino reviews How to Donate A Car in California injury lawyers anti spam exchange server PHD IN COUNSELING EDUCATION michigan motorcycle accident lawyer Live casino domain registration yahoo data recovery raid phd in counseling education Donating a Car in Maryland Adobe illustrator classes mesothelioma suit bus accident attorneys fast cash for house Life Insurance Co Lincoln structured settlement buyer personal injury attorney springfield mo asbestos lung cancer Neuson most profitable internet business DUI lawyer DONATE CARS ILLINOIS Hire php programmers Hire php developers PAPERPORT PROMOTIONAL CODE structured settlement sell Social media examiner mesotheliama personal injury firm Business management software WORLD TRADE CENTER FOOTAGE CAR INSURANCE QUOTES COLORADO structured settlement company mesothelioma attorneys california Dwi lawyer georgia truck accident lawyer WEBEX COSTS MOTOR REPLACEMENTS CHEAP CAR INSURANCE IN VIRGINIA Home Phone Internet Bundle mesothelioma litigation cheap auto insurance in va lease management software Structures Annuity Settlement mesotheolima Learning adobe illustrator Online Christmas cards world trade center footage dui lawyer scottsdale mesotheloma Motor Insurance Quotes Php programmers for hire selling annuity Proud Italian cook Hire php developer Social media platforms Cheap auto insurance in VA Futuristic architecture Computer science classes online Photo Christmas cards Donate Car for Tax Credit uk homeowner loans criminal defense attorneys florida Car insurance quotes MN mesothelioma attorney california Best social media platforms for business New social media platforms mesothelioma symptoms Holland Michigan College arizona auto accident attorney mesothelioma Custom WordPress theme designer Asbestos Lawyers Seo services HOME PHONE INTERNET BUNDLE Dallas mesothelioma attorneys Best Seo company Best social media platforms mesothelioma cases Donating Used Cars to Charity Email bulk service car insurance quotes mn Seo company Custom Christmas cards WordPress theme designers donate car for tax credit Dayton Freight Lines los angeles auto accident attorneys WordPress themes for designers best structured settlement companies mesothelioma law suits structured settlemen WordPress hosting mesothelioma attorney directory Psd to WordPress Business VOIP Solutions Online Colleges motorcycle lawyer los angeles Social media management Tech school structured settlement need cash now asbestos mesothelioma lawsuit structured settlement investments Italian cooking school car accident lawyer san bernardino Donate Cars in MA accident attorneys orange county Psd to html VIRTUAL DATA ROOMS HOW TO DONATE A CAR IN CALIFORNIA small business administration sba federal criminal defense attorney Register free domains Car Donate Donate Old Cars to Charity Insurance houston motorcycle accident lawyer Annuity Settlements Social media strategies state of california car insurance car insurance companies motorcycle accident attorney sacramento Social media tools Social media campaigns Data Recovery Raid Mesothelioma Law Firm Donate Car to Charity California register free domains mesothelioma attorney assistance Donate your car Sacramento florida car insurance company Injury Lawyers personal accident attorney LIFE INSURANCE CO LINCOLN utah mesothelioma lawyer Donate Your Car Sacramento integrated ehr Sell Annuity Payment Webex Costs Donate Your Car for Kids ANNUITY SETTLEMENT california motorcycle accident lawyer LOW CREDIT LINE CREDIT CARDS mesothelioma law firm Nunavut Culture Donate car for tax credit Hard drive data recovery services washington mesothelioma attorney Hard drive Data Recovery Services Donate a Car in Maryland Motor Replacements Cheap Domain Registration Hosting Donate Cars Illinois Met Auto Criminal Defense Attorneys Florida HARDDRIVE DATA RECOVERY SERVICES Best Criminal Lawyers in Arizona Car Insurance Quotes Utah MASSAGE SCHOOL DALLAS TEXAS pharmacist jobs in chicago Car insurance quotes Colorado Forensics online course home phone internet bundle Online Motor Insurance Quotes Paperport Promotional Code Online Classes diagnosed with mesothelioma

lunes, 2 de septiembre de 2013

propuestas

Introduce una barra lateral deslizante para que tus usuarios puedan compartir tus contenidos por las redes sociales – Texas – Asesor – Law Firm

El usuario de Blogs hoy día se ha vuelto más exigente y más activo con los artículos que realmente le interesan. Los consumidores habituales de blogs y páginas web por Internet han pasado de hacer el "+1" de Google o el "Me gusta" de Facebook a compartir directamente por dichas redes sociales aquel contenido que les ha parecido realmente interesante.

Hemos pasado de unos usuarios que eran "meros" espectadores a auténticos críticos y difusores de nuestra propia información. Es por ello que se demanda en cualquier forma de publicación por Internet actual unos iconos con los que nuestros visitantes puedan difundir el contenido si este ha sido de su agrado.

El usuario es parte activa del Blog y como tal hay que proporcionarle las herramientas que le permitan difundir aquello que le ha gustado. Los típicos "+1" de Google o los "Me gusta" de Facebook se acumulan al lado de las publicaciones, cuado lo realmente importante es su difusión.

Se trata de un componente vertical con botones para compartir por las principales redes sociales que se desliza lateralmente, acompañando al lector según se mueve por la página de una manera discreta, sin agobiarle ni impedirle la visión del texto que le estamos mostrando, independientemente del tamaño o resolución de su pantalla.

Te propongo un tipo de "botonera" para que tus usuarios se hagan "apóstoles" de tus contenidos y puedan expandir por sus redes sociales aquello que les ha llamado la atención, sin penalizar el rendimiento de la página principal de tu Blog.

¿Qué vamos a hacer?:

Vamos a centrarnos en colocar los botones para redes sociales en un componente vertical deslizante que acompañe al usuario en su lectura para poder compartir tus contenidos. Pensemos que muchas veces perdemos oportunidades de llegar a más personas simplemente porque la usabilidad de nuestro Blog no ofrece facilidades al consumidor para que éste pueda compartir lo que está viendo.

¿Qué hay de especial en esta barra vertical de iconos para redes sociales?:

La vamos a preparar para que independientemente de la resolución de pantalla de tus usuarios, la barra siempre se dibuje en un lateral sin molestar o impedir su visión.
Vamos a prepararla para que no penalice el rendimiento de tu página principal, donde el usuario ya puede utilizar los botones que por defecto trae Blogger o tu página web a tal efecto.

Conceptos previos para los más noveles, ¿Qué son los botones sociales?:

Los botones para redes sociales son como su propio nombre indica "botones web" que al ser "pulsados" por los usuarios, les conectan directamente o con nuestro perfil en una determinada red social ("follow buttons") o le permiten difundir nuestro contenido entre sus amigos y seguidores de su propia red social ("share buttons").
Veamos las diferentes modalidades para aplicarlas en nuestro Blog.

Los botones de las redes sociales exigen la utilización de unos "scripts" que permiten introducir en nuestro Blog los "mecanismos necesarios", a través de código fuente para:

- Que los usuarios puedan puntuar nuestros contenidos o sumarse a ellos.
- Que los usuarios puedan suscribirse a nuestros contenidos, hacerse seguidores nuestros.
- Que los usuarios puedan "difundir" por su red social preferida nuestra entradas para que puedan leerlas otros usuarios.

Estas posibilidades son revolucionarias, pues permiten a nuestros clientes interactuar, propagar, difundir nuestras creaciones más allá del círculo social en el que nosotros nos movamos para pasar a incluirlo dentro de otros que nos son ajenos.

Por supuesto, la adición de estos añadidos obliga o, más bien, hace imprescindible estar dado de alta en todas las redes sociales cuyos botones decidamos poner en nuestro Blog.

Un breve repaso de sobre la colocación, ¿Dónde puedo colocar los botones para redes sociales en nuestro Blog?:

Hay dos zonas en las entradas de nuestro Blog especialmente sensibles para que nuestros usuarios localicen con facilidad los "botones sociales" y los puedan utilizar incluso instintivamente:

Ejemplo de Addthis sobre Share Buttons

La parte superior de una entrada,FOLLOW BUTTONS:en la cabecera a izquierda o derecha, antes o después del título. Aquí lo más recomendable es utilizar botones de tipo "Follow button": los que permitirán a los usuarios asociarse nuestro perfil de red social y estar antentos a nuestras actualizaciones por medio de seguimiento. Debido a que no requieren cargar scripts, son idóneos para las primeras líneas de una entrada pues son mucho más vistosos que los "Share buttons", y no ralentizan el proceso de carga de toda la página. Si quieres aprender a colocar los "Follow Buttons" puedes ejecutar este tutorial. Dispones de otra guía con ADDTHIS para colocar los "Follow buttons" ejecutando este tutorial.

Ejemplo de Addthis sobre Follow Buttons

La parte lateral o inferior de una entrada,SHARE BUTTONS:en el pié de página o el lateral. Cuando el usuario ha finalizado a terminar de leer la entrada, disponer de los "Share Buttons" o botones para compartir es ideal por dos motivos: por Velocidad: los "Share Buttons" llevan scripts integrados que calculan el número de veces que se ha compartido algo o enviado algo, la carga de estos es lenta porque el navegador debe conectarse a los servidores que tienen las bases de datos donde reside la información de nuestra "puntuación" o de nuestros "contadores" de envíos. Por Idoneidad: es el lugar idóneo pues el usuario ha podido leer la entrada completa y puede decidir compartirla en su red social al terminar. Si quieres aprender a poner los "Share Buttons" puedes ejecutar este tutorial.Dispones de otra guía con ADDTHIS para colocar los "Share buttons" ejecutandoeste tutorial.
Los "Share Buttons" que vamos a poner en este tutorial que estamos abordando son de tipo lateral. Su ventaja sobre los demás es que "acompañan" a la lectura del usuario sin molestarle o agobiarle pero manteniendo la posibilidad de que comparta cuando desee.

Dando de alta el servicio:

1)AddThis es una web que como servicio al cliente proporciona los botones para redes sociales sin tener que tener ninguna clase de conocimientos avanzados en informática. Simplemente te conectas, seleccionas los que necesites y los pones en tu Blog. En primer lugar nos conectamos ahttp://www.addthis.com/.

La nueva pantalla de bienvenida de Addthis

2)Si no estás dado de alta en la herramienta, en la parte superior derecha pulsa "Create Account" para darte de alta en el servicio.

Página de alta de AddThis

En este punto es tan sencillo como darte de alta utilizando tu cuenta de Facebook, de Twitter , de Google u OpenID.
Por otro lado, podrás hacerlo manualmente tú mismo sin vincular tus cuentas introduciendo en "email address" tu dirección de correo e introduciendo una clave de acceso en "Password" y su verificación en "Retype password".
Llegados a este punto, como siempre te digo cuando contrates un servicio en internet LEE los términos del servicio ("Terms of Service") y la política de privacidad ("Privacy Policy").

Configuración de la barra deslizante lateral en la página principal del Blog:

Una vez ya autenticados y con usuario en Addthis, esta es la manera más rápida y fácil de meter "Share-buttons" en Blogger en forma de barra lateral:

3)Accede a la configuración de "Share-Buttons", en el menú superior de Add This verás que hay una opción llamada "Share Buttons". selecciónala.

4) Addthis ha añadido una nueva forma de configurar tus botones para redes sociales muy rápida. Se llama "Addthis Layers". Se trata de añadir unas "capas" que contendrán por un lado los "share-buttons" y por el otro los "follow-buttons". Es un "Todo en uno" donde no es necesario pararse a configurar nada más que lo necesario para que los botones conecten con nuestros perfiles para redes sociales.

Añadir barra flotante deslizante lateral

1) Activa los "Share buttons" poniendo su indicador a "ON". No precisan configuración especial. El resto de opciones de Addthis las he puesto a Off para no distraernos del objetivo principal, añadir botones sociales a nuestro Blog de la manera más sencilla posible. Puedes seleccionar si la deseas a izquierda o derecha.

2) Pulsa el botón "Generate Code" y te aparecerá una página de donde copiar el código (puedes seleccionarlo y pulsar CONTROL+ C para copiar o pulsar "Grab It".

Página para añadir el código fuente de AddThis y ponerte los Share Buttons para tu Blog

5)Ahora ve a Blogger. Para insertarlo en tu Blog,dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.

Opción de diseño en Blogger.

En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar los botones para redes sociales de AddThis y selecciona el Gadget "HTML/Javascript".

Pulsa sobre "Añadir Gadget" en la zona donde deseas insertar los botones AddThis

Añade el código fuente que recuperaste de AddThis:

Añade el código fuente del AddThis

EJEMPLO DEL CÓDIGO DE ADDTHIS PARA LA BARRA LATERAL EN DIARIOS DE LA NUBE:

div class='addthis_toolbox addthis_floating_style addthis_counter_style' style='top:263px;left:50%;margin-left:-625px;background-color:#b2e0ff;'a class='addthis_button_facebook_like' fb:like:layout='box_count'/a class='addthis_button_tweet' tw:count='vertical'/a class='addthis_button_google_plusone' g:plusone:size='tall'/a class='addthis_counter'//divscript type='text/javascript'var addthis_config={data_track_addressbar:!0};/scriptscript src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xx-XXXXXXXXXXXXXXXX' type='text/javascript'/
Detalle del código:

NOTA: Observarás que el código te lo pongo "comprimido" (sin retornos de carro). Esto es para adaptarnos a la normativa de rendimiento que indica que los scripts deben encontrarse comprimidos para una ejecución más rápida. Te recomiendo utilizar Pagespeed siempre que implementes cambios en tu Blog que incorporen nuevos scripts al mismo.
div class='addthis_toolbox addthis_floating_style addthis_counter_style'Añade al Blog la clase que permite dibujar la barra lateral flotante con la botonera para compartir en redes sociales de ADDTHIS.
style='top:263px;left:50%;margin-left:-625px;background-color:#b2e0ff;'Indica que se colocará a 263 píxeles del margen superior del blog, siempre a un 50% con un margen izquierdo de -625 píxeles. De esta manera aunque el usuario disponga de una resolución de pantalla muy baja, la barra nunca ocupará su campo de visión y le permitirá leer "sin agobiar". El color de fondo es el utilizado en Diarios de la nube, puedes utilizar el que ADDTHIS te pone por defecto. En este punto te recomiendo que vayas realizando los cambios en píxeles a izquierda y derecha según veas que la barra se va colocando en tu Blog, pues estos valores es muy posible que sean distintos en tu págia que en la mía. Esto es poner un valor y probar hasta encontrar el deseado.
El resto de código incorpora los botones sociales que hayas configurado en ADDTHIS.

Pulsa "Guardar Disposición" y ¡ya lo tienes!

Configuración de la barra deslizante lateral en el detalle de una entrada, mejora el rendimiento:

Si quieres configurar individualmente los "Share buttons" para conseguir el mejor rendimiento sigue estos pasos:

0)Realiza una copia de seguridad de Blog antes de realizar cambios en la plantilla. Ejecutaesta guía si no sabes hacerlo.

1)Accede a la configuración de "Share-Buttons", en el menú superior de Add This verás que hay una opción llamada "Share Buttons". selecciónala.

2) Addthis ha añadido una nueva forma de configurar tus botones para redes sociales muy rápida. Se llama "Addthis Layers". Se trata de añadir unas "capas" que contendrán por un lado los "share-buttons" y por el otro los "follow-buttons". Es un "Todo en uno" donde no es necesario pararse a configurar nada más que lo necesario para que los botones conecten con nuestros perfiles para redes sociales.

Añadir barra lateral deslizante

1) Activa los "Share buttons" poniendo su indicador a "ON". No precisan configuración especial. El resto de opciones de Addthis las he puesto a Off para no distraernos del objetivo principal, añadir botones sociales a nuestro Blog de la manera más sencilla posible. Puedes seleccionar si la deseas a izquierda o derecha.

2) Pulsa el botón "Generate Code" y te aparecerá una página de donde copiar el código (puedes seleccionarlo y pulsar CONTROL+ C para copiar o pulsar "Grab It".

Página para añadir el código fuente de AddThis y ponerte los Share Buttons para tu Blog

3)Los Share Buttons son scripts que pueden afectar al rendimiento de tu Blog pues requieren conectarse y realizar consultas a los servidores que van guardando los contadores de quién ha hecho "clic" en ellos.

Si quieres que no afecten al rendimiento de tu página principal, haz que sólo se dibujen cuando el usuarios ha hecho "clic" en "Más información" o en el título de tu entrada para acceder a su detalle. Para conseguir este efecto sigue estos pasos:

4)En tu plantilla, accede al botón "Editar HTML" para tocar su código fuente.

5)Dentro del editor de código fuente de la plantilla pulsa "CONTROL+ F" y busca el texto "share-buttons":

Encontrarás las siguientes líneas de código donde se encuentra los "Share-buttons":

b:include data='post' name='postQuickEdit'/ /span div class='post-share-buttons goog-inline-block' b:if cond='data:post.sharePostUrl' b:include data='post' name='shareButtons'/ /b:if /div

6)Añade justo debajo el código de AddThis pero con elb:if cond='data:blog.pageType == "item"'y el cierre tras el fin del código Addthis con/b:if

b:if cond='data:blog.pageType == "item"'div class='addthis_toolbox addthis_floating_style addthis_counter_style'style='top:263px;left:50%;margin-left:-625px;background-color:#b2e0ff;'a class='addthis_button_facebook_like' fb:like:layout='box_count'/a class='addthis_button_tweet' tw:count='vertical'/a class='addthis_button_google_plusone' g:plusone:size='tall'/a class='addthis_counter'//divscript type='text/javascript'var addthis_config={data_track_addressbar:!0};/scriptscript src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xx-XXXXXXXXXXXXXXXX' type='text/javascript'/
/b:if

De esta manera con la condiciónb:if cond='data:blog.pageType == "item"'harás que el código que le sigue, el de Addthis, sólo tenga efecto en el detalle de las entradas y no en la página principal. Así no restarás velocidad de dibujado a la primera página de tu Blog, la página principal. Recuerda que los valores en píxeles mostrados (los marcados en "rojo fuerte") son los utilizados en Diarios de la nube y que deberás probar con distintos valores en tu Blog hasta que la barra quede donde te interesa.

Barra lateral deslizante con responsive design (para los más técnicos)

En Diarios de la nube la barra lateral no aparece en móviles para que no resulte "engorrosa" para la navegación del usuario.

El código utilizado a tal efecto lo pongo bajo el botón de mostrar código dado que es un fuente extenso.

Por Miguel García Sánchez-Colomer.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name search Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity