A la hora hacer SEO existen unos aliados excelentes que son los bookmarklets a pesar de que siguen siendo bastante desconocidos.
No importa si estás trabajando en un nuevo sitio o mejorando el posicionamiento de un sitio ya existente, lo primero que debes hacer para asegurarte una mayor probabilidad de éxito es un buen análisis SEO, ya sea del mismo sitio o de los competidores.
Antes de hacer una auditoría a fondo, es buena idea realizar un análisis preliminar para tener una idea general del estado del sitio.
Aquí no te explicaré paso a paso cómo realizar este análisis, pero te facilitaré varios bookmarklets que te ayudarán a ahorrar algo de tiempo al hacerlo.
Pero primero...
¿Qué son los bookmarklets?
Un bookmarklet es muy similar a un bookmark (marcador), esos que añades en tu barra de marcadores del navegador, con la diferencia de que en lugar de apuntar a una página web contiene un pequeño código en Javascript que realiza alguna función específica.
Para poder usarlo basta con arrastrar el enlace o botón que tenga el código Javascript a tu barra de marcadores y listo, cada vez que le des clic ejecutará el código que tiene almacenado.
Existen muchísimos bookmarklets para diversas funciones, incluso cualquiera con un buen dominio de javascript puede crear los suyos propios.
Pero aquí nos vamos a enfocar en aquellos que puedan automatizar algunas tareas útiles al realizar el análisis SEO de alguna web.
En este post, a continuación del título de cada bookmarklet vas a encontrar el código en javascript que puedes añadir manualmente siguiendo 5 sencillos pasos.
Como ya te he dicho, en caso de que ya tengas el enlace o botón con el código Javascript, sólo tendrás que arrastrarlo a la barra de marcadores.
Pasos para la creación manual de Bookmarklets
Paso 1:
Hacemos clic con el botón derecho del ratón en la barra de marcadores y se nos despliega una ventana.
Paso 2:
Hacemos clic en añadir página.
Paso 3:
Editamos el marcador con el nombre y la URL que contiene el código Javascript.
Paso 4:
Comprobamos los datos de nuestro Bookmarklet en la barra de herramientas.
Paso 5:
Hacemos clic en el Bookmarklet y accedemos a la información que lleva asociada.
Ahora sí, pasemos a la lista de Bookmarklets.
► Análisis SEO Técnico y OnPage
Para ayudar a este tipo de análisis te dejaré algunos ejemplos de bookmarklets bastante útiles:
Revisar Canonical
javascript: (function () { var url = document.location; var links = document.getElementsByTagName('link'); var found = 'none'; for (var i = 0, l; l = links[i]; i++) { if (l.getAttribute('rel') == 'canonical') { found = l.getAttribute('href'); break; } } alert(found); })();
Un sencillo bookmarklet que solo te arroja en una alerta la etiqueta canónica de la página donde estés.
Muy útil para revisar si coincide con la URL actual o si puede haber un problema de canonicalización incorrecta.
Revisar meta robots
javascript: (function () { var url = document.location; var links = document.getElementsByTagName('meta'); var found = 'none'; for (var i = 0, l; l = links[i]; i++) { if (l.getAttribute('name') == 'robots') { found = l.getAttribute('content'); break; } } alert(found); })();
Similar al anterior pero este devuelve el valor de la meta etiqueta robots de la página actual.
Es muy útil para verificar rápidamente posibles problemas de indexación, sobre todo, si migran de algún sitio de pruebas al actual.
Muchas veces se olvidan de quitar esta etiqueta que impide la indexación del sitio y al final terminan perdiendo tráfico.
Robots.txt tester
javascript:(function(){var body=document.getElementsByTagName('body')[0];var d = new Date();var s=document.createElement('script');s.src='http://www.jeffbail.com/robots-bookmarklet/robots.js?ts=' + d.getTime();body.appendChild(s)})();
Este es de gran utilidad, te indica si la página actual está bloqueada para al menos un bot en el archivo robots.txt.
¡Y con sólo un clic!
Después, te muestra el robots.txt de la página para que puedas corroborar el resultado.
Por alguna extraña razón, a veces no funciona al primer clic, así que, hay que seleccionarlo dos veces.
Ver meta datos
javascript:(function(){var url = document.location; var meta = document.getElementsByTagName('meta'); var found = 'Not Found'; var title = document.title;var output = '';output = '\n\n#####%20Titulo%20de%20la%20pagina%20#####\n\n'+title+'\n\n\n####Meta%20Datos####\n\n';if(meta.length>0){%20}for%20(i=0;%20i<meta%20.length;%20i++)%20{if(meta[i].getAttribute('name')!=null){output%20+=%20'\''+meta[i].getAttribute('name')+'\''+'\n'+meta[i].getAttribute('content')+'\n\n';}else%20if(meta[i].getAttribute('property')!=null){output%20+=%20'\''+meta[i].getAttribute('property')+'\''+'\n'+meta[i].getAttribute('content')+'\n\n';}}alert(output)})();
Con un clic podrás ver de en una alerta todos los meta datos disponibles de la página.
Análisis OnPage
javascript:function run(){var d=document,da=new Date(),b=d.body,p=('https:' == document.location.protocol ? 'https://' : 'http://'),ex=d.getElementById('twkmSEOScript');try{if(!b)throw(0);if(!ex){z=d.createElement('scr'+'ipt');z.setAttribute('src',p+'twkm.ca/min/f=gadgets/resources/seo-bookmarklet/seo-stable.js?ts='+da.getTime());z.setAttribute('id','twkmSEOScript');z.setAttribute('class','03');b.appendChild(z);}else{twkm_closeThisBox();}}catch(e){alert('Espera hasta que la pagina haya cargado.');}}run();void(0)
Un bookmarklet bastante completo cortesía de Troy Meier.
Al darle clic se despliega un recuadro con información acerca de la página actual y un listado de herramientas ya precargadas con la URL o el dominio en el que estás para solo darles clic y abrirlas en una nueva pestaña.
Te muestra la siguiente información:
- Título de la página.
- Meta descripción, meta keywords y meta robots.
- # de imágenes con alt.
- # de links con title.
- # links nofollow.
- Canonical (y si es la misma página que la actual o no).
Y varios datos más.
Tip: Para cerrar esa ventana da clic de nuevo en el bookmarklet.
► Análisis de velocidad
Para esto, existen 2 bookmarklets que te permitirán testear su web para ver qué tan bien han trabajado en la velocidad de carga.
Testear con GTmetrix
javascript:(function(d){var%20f=d.createElement('form');f.action='http://gtmetrix.com/analyze.html?bm';f.method='post';f.target='_blank';var%20i=d.createElement('input');i.type='hidden';i.name='url';i.value=document.location.href;f.appendChild(i);d.body.appendChild(f);f.submit();})(document);
Testear con PageSpeed Insights
javascript:window.open('https://developers.google.com/speed/pagespeed/insights/?url='+encodeURIComponent(location.href))
► Bookmarklets para Google
Ver caché de texto
javascript:window.open('http://www.google.com/search?q=cache:'+window.location.href+'&strip=1');
Con este bookmarklet en un clic podrás ver la caché en versión solo texto que guarda Google de esa página.
Muy adecuado para comprobar si hay contenido que Google no esté reconociendo bien debido a javascript.
Búsqueda Site
javascript:q=""+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);if(!q)q=prompt("Ingresa tu busqueda %5BDeja en blanco para enlistar todas las paginas%5D ...").replace(/%5Cs%5C+/g,"%252B");if(q!=null)window.open("http://www.google.com/search?q="+q.replace(/%5Cs+/g,"+")+"+site:"+location.hostname);void(0);
Este es bastante valioso, lo utilizo varias veces al día y no solo al hacer SEO.
Primero aparecerá un cuadro de búsqueda:
Ahí tienes dos opciones: o ingresas algún término y das Enter o dejas el cuadro en blanco.
Igual puedes seleccionar una palabra o frase de la página actual y este cuadro ya no aparecerá.
Si hago esto en mi blog poniendo como término “semrush” se realiza esta búsqueda:
Y si lo dejo en blanco solo se enlistan las páginas de mi sitio que tiene indexadas Google:
Tienes que tener en cuenta que el comando site: no es 100% exacto.
Mientras más grande sea la web menos probable es que el número de páginas que nos devuelva Google sea exacto.
Herramienta de datos estructurados
javascript:void(window.open(%27https://developers.google.com/webmasters/structured-data/testing-tool/?url=%27+window.location.href,%27_blank%27));
Esto abrirá en una pestaña nueva la herramienta de Google para comprobar los datos estructurados de la página actual.
Es decir, comprueba el marcado de Schema.org.
Si esto te suena a chino y no sabes qué es, como se usa y de qué te puede servir, revisa mi artículo sobre SEO semántico.
Google SERP Scraper
javascript:(function()%7Bfunction%20getParameterByName(e%2Ct)%7Be%3De.replace(%2F%5B%5C%5B%5D%2F%2C%22%5C%5C%5B%22).replace(%2F%5B%5C%5D%5D%2F%2C%22%5C%5C%5D%22)%3Bvar%20n%3Dnew%20RegExp(%22%5B%5C%5C%3F%26%5D%22%2Be%2B%22%3D(%5B%5E%26%23%5D*)%22)%2Cr%3Dn.exec(t%3D%3Dtrue%3Flocation.hash.replace(%22%23%22%2C%22%3F%22)%3Alocation.search)%3Bif(r%3D%3Dnull%26%26t%3D%3Dfalse)%7Breturn%20getParameterByName(e%2Ctrue)%7Delse%7Breturn%20r%3D%3Dnull%3F%22%22%3AdecodeURIComponent(r%5B1%5D.replace(%2F%5C%2B%2Fg%2C%22%20%22))%7D%7Dstr%3D%22%3Cstyle%20type%3D%27text%2Fcss%27%3Ebody%7Bcolor%3A%23000%3Bbackground-color%3A%23fff%3Bmargin%3A0%3Bpadding%3A0%3Bfont-family%3Aarial%2Chelvetica%2Csans-serif%3Bfont-size%3A82%25%7D*%7Bfont-weight%3A400%3Bcolor%3A%23000%7Dh3%2Ch4%2Ch5%2Ch6%7Bmargin%3A0%200%2015px%3Bpadding%3A0%7D%23rt%7Bfont-size%3A12px%3Bwidth%3A500px%7Dtable%2Ctd%2Cth%2Ctr%7Bfont-size%3A1em%3Boverflow%3Ahidden%3Btext-overflow%3Aellipsis%3Bword-wrap%3Abreak-word%7Dtextarea%7Bwidth%3A100%25%7Dth%7Bbackground-color%3A%23eee%3Bcolor%3A%23000%3Bfont-weight%3A700%7Dtd%20a%7Bwidth%3A446px%3Bdisplay%3Ablock%7D.id%7Bbackground%3A%23eee%3Bcolor%3A%23000%3Btext-align%3Acenter%7D.g%7Bfont-family%3Aarial%2Csans-serif%3Bcolor%3A%23000%3Bmargin%3A1em%200%3Bfont-size%3A122%25%7D.g%20h2%7Bfont-family%3Aarial%2Csans-serif%3Bmargin%3A0%7D.r%7Bdisplay%3Ainline%3Bfont-weight%3A400%3Bmargin%3A10%7D.j%7Bwidth%3A34em%7D.std%7Bfont-size%3A82%25%7D.a%7Bcolor%3Agreen%7D.fl%7Bcolor%3A%2377c%7D.bl%7Bdisplay%3Ainline%7Da%7Bcolor%3A%2300c%7Da%3Avisited%7Bcolor%3A%23551a8b%7Da%3Aactive%7Bcolor%3Ared%7D.twitter-share-button%7Bmargin-bottom%3A-5px%7Dp.b%7Bline-height%3A22px%3Btext-align%3Acenter%7D%3C%2Fstyle%3E%5Cn%22%3Banchors%3Ddocument.getElementsByTagName(%22a%22)%3Bvar%20all%3D%5B%5D%3Bvar%20keyword%3DgetParameterByName(%22q%22%2Cfalse)%3Bstr%2B%3D%22%3Ctitle%3EGoogle%20SERP%20Scraper%20Bookmarklet%3C%2Ftitle%3E%22%3Bstr%2B%3D%22%3Cdiv%20style%3D%27width%3A%20900px%3B%20margin%3A%200%20auto%3B%27%3E%22%3Bstr%2B%3D%22%3Ch1%20style%3D%27margin%3A%201em%200em%200em%200em%3B%20text-align%3A%20center%3B%27%3EGoogle%20SERP%20Scraper%20Bookmarklet%3C%2Fh1%3E%22%3Bstr%2B%3D%22%3Ch2%20style%3D%27text-align%3A%20center%3B%27%3EKeyword%20-%20%22%2Bkeyword%2B%22%3C%2Fh2%3E%22%3Bstr%2B%3D%22%3Ctable%20width%3D%27100%25%27%3E%22%3Bstr%2B%3D%22%3Ctr%3E%3Cth%20width%3D%275%25%27%3EResult%3C%2Fth%3E%3Cth%20width%3D%2750%25%27%3ELink%3C%2Fth%3E%3Cth%20width%3D%2745%25%27%3EAnchor%20Text%3C%2Fth%3E%3C%2Ftr%3E%5Cn%22%3Bvar%20tweetText%3D%27%3Cp%20class%3D%22b%22%3EIf%20you%20use%20and%20like%20this%2C%20please%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fshare%22%20class%3D%22twitter-share-button%22%20data-count%3D%22none%22%20data-lang%3D%22en%22%20data-url%3D%22http%3A%2F%2Fcognitiveseo.com%2Fblog%2F5714%2F69-amazing-seo-bookmarklets-to-supercharge-your-internet-marketing%2F%22%20data-text%3D%22%2F*Google%20SERP%20Scraper*%2F%20Bookmarklet%20%2B%2068%20Other%20Uber%20Amazing%20Bookmarklets%22%3ETweet%3C%2Fa%3E%20about%20it%20and%20help%20us%20spread%20the%20word.%3Cbr%20%2F%3E%20Happy%20SCRAPing%20and%20thanks%20for%20sharing!%3Cbr%20%2F%3E%20Coded%20by%20%3Ca%20href%3D%22http%3A%2F%2Fcognitiveseo.com%2F%22%20target%3D%22_blank%22%3EcognitiveSEO%3C%2Fa%3E.%3C%2Fp%3E%27%3Bvar%20tweetScript%3D%27%3Cscript%3E!function(d%2Cs%2Cid)%7Bvar%20js%2Cfjs%3Dd.getElementsByTagName(s)%5B0%5D%3Bif(!d.getElementById(id))%7Bjs%3Dd.createElement(s)%3Bjs.id%3Did%3Bjs.src%3D%22https%3A%2F%2Fplatform.twitter.com%2Fwidgets.js%22%3Bfjs.parentNode.insertBefore(js%2Cfjs)%3B%7D%7D(document%2C%22script%22%2C%22twitter-wjs%22)%3B%3C%2Fscript%3E%27%3Bvar%20k%3D0%3Bvar%20listing%3D%22%22%3Bvar%20links%3D%22%22%3Bvar%20anchorTexts%3D%22%22%3Bvar%20linksAnchors%3D%22%22%3Bfor(i%3D0%3Bi%3Canchors.length%3Bi%2B%2B)%7Bvar%20anchorText%3Danchors%5Bi%5D.textContent%3Bvar%20anchorLink%3Danchors%5Bi%5D.href%3Bvar%20linkAnchor%3D%22%22%3Bif(anchorLink.match(%2F%5E((%3F!google%5C.%7Ccache%7C%5C.yahoo%5C.%7Cyoutube%5C.com%5C%2Fresults%7Cjavascript%3A%7B%7D%7Cjavascript%3Avoid%7Cjavascript%3A%5C%3B%7Capi%5C.technorati%5C.com%7Cbotw%5C.org%5C%2Fsearch%7Cdel%5C.icio%5C.us%5C%2Furl%5C%2Fcheck%7Cdigg%5C.com%5C%2Fsearch%7Csearch%5C.twitter%5C.com%5C%2Fsearch%7Csearch%5C.yahoo%5C.com%5C%2Fsearch%7Csiteanalytics%5C.compete%5C.com%7Ctools%5C.seobook%5C.com%5C%2Fgeneral%5C%2Fkeyword%5C%2Fsuggestions%7Cweb%5C.archive%5C.org%5C%2Fweb%5C%2F%7Cwhois%5C.domaintools%5C.com%7Cwww%5C.alexa%5C.com%5C%2Fdata%5C%2Fdetails%5C%2Fmain%7Cwww%5C.bloglines%5C.com%5C%2Fsearch%7Cwww%5C.majesticseo%5C.com%5C%2Fsearch%5C.php%7Cwww%5C.semrush%5C.com%5C%2Finfo%5C%2F%7Cwww%5C.semrush%5C.com%5C%2Fsearch%5C.php%7Cwww%5C.stumbleupon%5C.com%5C%2Furl%7Cwikipedia.org%5C%2Fwiki%5C%2FSpecial%3ASearch).)*%24%2Fi)%26%26anchorLink!%3D%22%22%26%26all.indexOf(anchorLink)%3D%3D-1%26%26anchorText!%3D%22%22%26%26anchors%5Bi%5D.className!%3D%22gb_b%22)%7Ball.push(anchorLink)%3Blisting%2B%3DanchorLink%2B%22%5Cn%22%3BanchorTexts%2B%3DanchorText%2B%22%5Cn%22%3BlinkAnchor%3DanchorLink.replace(%22%2C%22%2C%22%252C%22)%2B%22%2C%09%22%2BanchorText.replace(%22%2C%22%2C%22%22)%3BlinksAnchors%2B%3DlinkAnchor%2B%22%5Cn%22%3Bk%3Dk%2B1%3Bif(anchorText%3D%3D%3Dundefined)anchorText%3Danchors%5Bi%5D.innerText%3Bstr%2B%3D%22%3Ctr%3E%22%3Bstr%2B%3D%22%3Ctd%20class%3D%27id%27%3E%22%2Bk%2B%22%3C%2Ftd%3E%22%3Bstr%2B%3D%22%3Ctd%3E%3Ca%20href%3D%22%2Banchors%5Bi%5D.href%2B%22%20target%3D%27_blank%27%3E%22%2Banchors%5Bi%5D.href%2B%22%3C%2Fa%3E%3C%2Ftd%3E%22%3Bstr%2B%3D%22%3Ctd%3E%22%2BanchorText%2B%22%3C%2Ftd%3E%22%3Bstr%2B%3D%22%3C%2Ftr%3E%5Cn%22%7D%7Dstr%2B%3D%22%3C%2Ftable%3E%3Cbr%2F%3E%3Cbr%2F%3E%3Ctable%20width%3D%27100%25%27%3E%3Ctr%3E%3Ctd%20width%3D%2755%25%27%3E%3Ch2%3ELinks%3C%2Fh2%3E%3Ctextarea%20rows%3D10%20style%3D%27width%3A97%25%27%20readonly%3E%22%3Bstr%2B%3Dlisting%3Bstr%2B%3D%22%3C%2Ftextarea%3E%3C%2Ftd%3E%3Ctd%20width%3D%2745%25%27%3E%3Ch2%3EAnchors%3C%2Fh2%3E%3Ctextarea%20rows%3D10%20readonly%3E%22%3Bstr%2B%3DanchorTexts%3Bstr%2B%3D%22%3C%2Ftextarea%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E%3Cbr%2F%3E%3Cbr%2F%3E%3Ch2%3EAll%20Data%20-%20CSV%3C%2Fh2%3E%3Ctextarea%20rows%3D10%20readonly%3E%22%3Bstr%2B%3D%22Links%2C%20Anchors%5Cn%22%3Bstr%2B%3DlinksAnchors%3Bstr%2B%3D%22%3C%2Ftextarea%3E%3Cbr%20%2F%3E%20%3Cbr%20%2F%3E%22%3Bstr%2B%3DtweetText%3Bstr%2B%3DtweetScript%3Bstr%2B%3D%22%3Cbr%20%2F%3E%3C%2Fdiv%3E%20%3Cbr%20%2F%3E%22%3Bwith(window.open())%7Bdocument.write(str)%3Bdocument.close()%7D%7D)()
Este bookmarklet es una maravilla para scrapear de manera rápida una página de resultados de búsqueda de Google.
Solo hay que realizar una búsqueda cualquiera, configurarla para mostrar hasta 100 resultados y darle clic.
Nos devolverá como resultado una página como ésta:
Ahí podemos copiar y pegar fácilmente los links y los anchors de cada resultado.
Incluso al final podemos copiarlo como un pequeño CSV.
Como verás, bastante útil y con solo un clic.
► Análisis de enlaces
Al fin le llega el turno a los enlaces, te dejaré varios bookmarklets para poder analizarlos con diferentes herramientas, y es que ningún análisis SEO está completo si utilizas solo una herramienta para analizar enlaces.
Lo mejor es usar 2 o más y mezclar los resultados obtenidos, así el análisis será lo más completo posible.
Open Site Explorer (Moz) - URL
javascript:window.open('https://moz.com/researchtools/ose/links?site='+location.href)
Open Site Explorer (Moz) - Dominio
javascript:window.open('https://moz.com/researchtools/ose/links?site='+location.host)
Ahrefs - URL
javascript:window.open('https://ahrefs.com/site-explorer/overview/v2/subdomains/live?target='+location.href)
Ahrefs - Dominio
javascript:window.open('https://ahrefs.com/site-explorer/overview/v2/subdomains/live?target='+location.host)
Majestic - URL
javascript:(function(){ var url=location.href; var url=url.replace(/^(http|https):\/\//i,''); var url=url.replace(/\/$/i,''); window.open('https://majestic.com/reports/site-explorer?folder=&q='+encodeURIComponent(url)+'&oq='+encodeURIComponent(url)+'&IndexDataSource=F')})();
Majestic - Dominio
javascript:(function(){ var url=location.host; var url=url.replace(/^(http|https):\/\//i,''); var url=url.replace(/\/$/i,''); window.open('https://majestic.com/reports/site-explorer?folder=&q='+encodeURIComponent(url)+'&oq='+encodeURIComponent(url)+'&IndexDataSource=F')})();
Cognitive SEO - Dominio
javascript:window.open('http://explorer.cognitiveseo.com/?u=%27+%20encodeURIComponent(location.host)+%27&m=*U*')
OpenLinkProfiler - Dominio
javascript:window.open('http://www.openlinkprofiler.org/r/'+location.href.replace('http://','').replace('https://','').split(/[/?#]/)[0])
► Análisis de tráfico
Con estos 2 bookmarklets podrás darte una idea del tráfico de una web pero, ten en cuenta que son datos aproximados, nunca exactos.
Si el sitio que quieres analizar tiene poco tráfico, probablemente no aparezca en ninguna de las dos herramientas.
Lo útil de estas herramientas es que te permiten ver la tendencia del tráfico de una web, además de un montón de datos extras.
Similar Web
javascript:(function(){window.open('http://www.similarweb.com/website/%27+window.location.host);})();
Aquí podrás analizar el tráfico de cualquier dominio o subdominio que quieras.
Te permite ver cosas como:
- Estimado de tráfico total y por país.
- Las principales fuentes de tráfico del sitio (tráfico directo, orgánico, por referrals, etc).
- Los principales referrals del sitio.
- Sitios similares.
Y mucha información más, gratis.
SEMrush
javascript:(function(){ window.open('https://www.semrush.com/info/'+location.hostname)})();
Ahora la que todos conocemos, SEMrush.
Con este bookmarklet podrás analizar el dominio donde estés directamente en esta herramienta.
Te brindará todo un mundo de información que sería difícil de contar aquí porque se necesitaría otro artículo completo.
Por suerte, lo tengo ;-)
Si quieres aprender a sacarle el máximo provecho revisa este tutorial de SEMrush.
► Bookmarklets varios
Los siguientes bookmarklets no tienen una categoría en específico, pero pueden ayudarte a hacer más rápido y completo el análisis SEO de tu web.
Contador shares sociales
javascript:window.open('http://sharedcount.com/#url='+escape(location.href))
Analiza los shares en Redes Sociales de la URL actual, usando SharedCount.com.
Ten en cuenta que desde el 20 de Noviembre ya no devuelve datos para Twitter, solo para Facebook, G+, Pinterest, Linkedin y StumbleUpon.
Contar palabras
javascript:(function(){function f(d){var t;if(d.getSelection)t=d.getSelection();else if(d.selection)t=d.selection.createRange();if(t.text!=undefined)t=t.text;if(!t||t==''){var a=d.getElementsByTagName('textarea');for(var i=0;i<a.length;++i){if(a[i].selectionStart!=undefined&&a[i].selectionStart!=a[i].selectionEnd){t=a[i].value.substring(a[i].selectionStart,a[i].selectionEnd);break;}}} return t;};function g(d){var t;try{t=f(d);}catch(e){};if(!t||t==''){var fs=d.getElementsByTagName('frame');for(var i=0;i<fs.length;++i){t=g(fs[i].contentDocument);if(t&&t.toString()!='')break;} if(!t||t.toString()==''){fs=d.getElementsByTagName('iframe');for(var i=0;i<fs.length;++i){t=g(fs[i].contentDocument);if(t&&t.toString()!='')break;}}}return t;};var t=g(document);if(!t||t=='')alert('Por favor seleccoina un texto');else alert('Caracteres: '+t.toString().length+'\nPalabras: '+t.toString().match(/(\S+)/g).length);})()
Este es bastante práctico, sólo selecciona un texto de la página que estés viendo y dale clic.
Automáticamente te aparecerá el número de caracteres y de palabras que seleccionaste.
Wayback Machine
javascript:window.open('http://web.archive.org/web/*/'+document.location.href);
¿Cómo se veía la página actual hace unos días? ¿O unos años?
Siempre y cuando la página web que quieras analizar no tenga bloqueado el bot de archive.org, con este bookmarklet podrás ver su historial, es decir, como se veía antes.
Es bastante útil sobre todo cuando estás analizando dominios expirados que quieras adquirir, uno nunca sabe si algún chino ya lo llenó de spam hasta morir (y casi siempre así será).
Si alguna vez te ha sido útil esta herramienta, ¡ no olvides donar!
Copyscape
javascript:(function(){ window.open('http://www.copyscape.com/?q=' + escape(window.location)); })();
¿Es la página actual contenido copiado de otro sitio?
Con un clic podrás averiguarlo, así sabrás si los artículos que has comprado son sacados de otra web o si alguien está robando tu contenido.
Si algo va mal, verás algo así:
WhoIs
javascript:(function(){ window.open('http://whois.sc/' + escape(window.location)); })();
Para ver los datos de la persona asociada a un dominio, basta con dar clic a este bookmarklet.
Eso sí, antes de poder ver los datos tendrás que probar que “eres un humano” resolviendo un reCAPTCHA.
Para terminar este artículo con broche de oro, un bookmarklet todo en uno que hace de todo:
Quix
javascript:Quix();function%20Quix()%7bvar%20e=encodeURIComponent;var%20t=window.getSelection?window.getSelection():(document.getSelection?document.getSelection():(document.selection?document.selection.createRange().text:''));var%20c=window.prompt('Quix:%20Type%20%60help%60%20for%20a%20list%20of%20commands:');if(t!='')%7bif(c)%7bc+='%20'+t;%7delse%7bc=''+t;%7d%7dif(c)%7bvar%20u='https://www.quixapp.com/go/?c='+e(c)+'&t='+(document.title?e(document.title):'')+'&s='+'&v=090'+'&u='+(document.location?e(document.location):'');d=''+document.location;if(d.substr(0,4)!='http')%7bwindow.location=u+'&mode=direct';%7delse%7bheads=document.getElementsByTagName('head');if(c.substring(0,1)=='%20')%7bvar%20w=window.open(u+'&mode=direct');w.focus();%7delse%20if(heads.length==0)%7bwindow.location=u+'&mode=direct';%7delse%7bq=document.getElementById('quix');if(q)%7bq.parentNode.removeChild(q);%7dsc=document.createElement('script');sc.src=u;sc.id='quix';sc.type='text/javascript';void(heads%5b0%5d.appendChild(sc));%7d%7d%7d%7d
Igual lo puedes obtener desde la página oficial aquí, solo hay que arrastrar y soltar el botón naranja que dice “Quix App” en la barra de marcadores.
¿Qué puede hacer?
Bastantes cosas, de hecho, ¡tiene más de 100 funciones!
Eso sí, no todas son útiles para el SEO, incluso algunas de las funciones de los bookmarklets anteriores las hace también Quix… pero aprenderte tantos comandospuede ser un dolor de cabeza.
Para empezar a usarla solo da clic en el bookmarklet y te pedirá ingresar el comando que quieras aplicar.
Para los comandos que cargan nuevas páginas, deja un espacio antes del comando para abrir el contenido en una nueva pestaña.
Aquí algunos ejemplos de lo que pueded hacer con Quix:
- mob – Con esto podrás revisar si la página se ve bien en móviles según la prueba de optimización para móviles de Google.
- kd – Revisa la densidad de palabras clave para la página actual, enfocándose en frases de 1 y 2 palabras.
Por favor no vayan con esto a “optimizar su densidad de palabras clave”, te puede servir para analizar páginas competidoras y ver con qué términos pueden estar tratando de posicionarse.
- nofollow – Resalta todos los links nofollow en la página actual.
- kwte – Abre la herramienta Google Keyword Planner de Adwords. No olvides que para abrirlo en una nueva pestaña debes dejar un espacio antes del comando.
- h – Te muestra la información del header de la página: Código de respuesta (200, 301, etc.), fecha de expiración, control de caché, etc.
- csstoggle – Activa o desactiva el CSS de la página, eficaz para ver si se está escondiendo algún elemento vía CSS.
- speed – Abre la página actual en Pingdom para hacerle una prueba de velocidad de carga.
- st – Este comando es bastante útil, pues abre varias pestañas a la vez para realizar un análisis seo inicial de una web:
- PageSpeed Insights
- Pingdom
- Prueba de optimización para móviles
- Siteliner
- Copyscape
La única nueva es Siteliner, que es una herramienta de Copyscape que analiza tu sitio en busca de contenido duplicado y enlaces rotos.
El análisis gratuito está limitado a 250 páginas.
Tiene muchísimos comandos más, aunque ya no tan relacionados con el SEO pero sí bastante útiles.
Por ejemplo, el comando “ruler” que te permite calcular distancias horizontales o verticales entre elementos de la página.
O el comando “xray”, que con darle clic a cualquier elemento de la página te devuelve su tamaño, márgenes, bordes y otro par de propiedades CSS del elemento.
Esta extensión, aunque muy práctica, parece que desde hace un rato no tiene mantenimiento y algunos comandos ya no funcionan.
Aun así, tiene varios beneficiosos como para considerar añadirla a tus marcadores.
Y por último... un pequeño regalo nada más por haber leído todo el artículo :D
Al ser todo en javascript cualquiera puede escribir su propio bookmarklet o modificar y adaptar alguno existente, así que les dejo aquí uno que permite abrir en un solo clic:
1.Análisis del dominio en SEMrush y SimilarWeb.
2.Resumen de enlaces del dominio en Majestic, Ahrefs, Open Site Explorer (Moz) y CognitiveSEO.
3.Tests de velocidad de la página en GTmetrix y PageSpeed Insights.
4.Validación de datos estructurados de la página y de optimización para móviles con las herramientas de Google.
Bookmarklet Todo En Uno
javascript:(function(){var%20domain=encodeURIComponent(window.location.hostname);var%20urlB=encodeURIComponent(window.location.href);window.open(%27https://www.semrush.com/info/%27+domain);window.open(%27https://www.similarweb.com/website/%27+domain);window.open(%27https://majestic.com/reports/site-explorer?folder=&q=%27+domain+%27&IndexDataSource=F%27);window.open(%27https://ahrefs.com/site-explorer/overview/v2/subdomains/live?target=%27+domain);window.open(%27https://moz.com/researchtools/ose/links?site=%27+domain);window.open(%27http://explorer.cognitiveseo.com/?u=%27+domain+%27&m=*U*%27);var%20f=document.createElement(%27form%27);f.target=%27_blank%27;f.action=%27http://gtmetrix.com/analyze.html?bm%27;f.method=%27post%27;var%20i=document.createElement(%27input%27);i.type=%27hidden%27;i.name=%27url%27;i.value=window.location.href;f.appendChild(i);document.body.appendChild(f);f.submit();window.open(%27https://developers.google.com/speed/pagespeed/insights/?url=%27+urlB);window.open(%27https://developers.google.com/webmasters/structured-data/testing-tool/?url=%27+urlB);window.open(%27https://www.google.com/webmasters/tools/mobile-friendly/?url=%27+urlB);%20})();
¡Verán como les ahorra algo de tiempo al analizar el SEO de su web!
Foto ( marcadores): Shutterstock