Desde hace tiempo tenia la intensión de recopilar los distintos bookmarklets que me he ido encontrando por el camino y que han hecho mi trabajo diario mucho más sencillo.
Les dejo esta lista que se que a muchos de ustedes les será de gran utilidad.
Bookmarklets para SEO
SEO Bookmarklet
Este bookmarklet lo que hace es mostrarte información útil sobre la página, como el titulo, cabeceras, enlaces nofollow, etc.
Arrastrar a la barra de favoritos
1 2 3 4 5 6 7 8 | javascript:(function(){var%20d=document,z=d.createElement('scr'+'ipt'),b=d.body; try{if(!b)throw(0); z.setAttribute('src','http://twkm.ca/min/f=gadgets/resources/seo-bookmarklet/seo-0.1.js'); z.setAttribute('id','twkmSEOScript'); b.appendChild(z); }catch(e){alert('Please%20wait%20until%20the%20page%20has%20loaded.'); }}()) ; |
DOM Monster Bookmarklet
Este bookmarklet nos permite realizar optimizaciones para mejorar el rendimiento del sitio.
Arrastrar a la barra de favoritos
1 2 3 4 | javascript:(function(){var%20script=document.createElement('script'); script.src='http://mir.aculo.us/dom-monster/dommonster.js?'+Math.floor((+new%20Date)/(864e5)); document.body.appendChild(script); })() |
Robots.txt Bookmarklet
Este bookmarklet nos muestra el fichero Robots.txt del sitio en cuestion.
Arrastrar a la barra de favoritos
1 2 3 | javascript:myURL=location.href;slash=myURL.indexOf('/'); myURL=myURL.substring(0,slash); void(window.open(myURL+'/robots.txt')); |
Google Site: Bookmarklet
Este bookmarklet realiza la búsqueda en Google del sitio, pero usando el comando “Site:”.
Arrastrar a la barra de favoritos
1 2 3 4 5 | javascript:myURL=location.href;myURL=myURL.replace('http://',''); myURL=myURL.replace('www.',''); slash=myURL.indexOf('/'); myURL=myURL.substring(0,slash); void(window.open('http://www.google.es/search?q=site%3A'+myURL+'&pws=0'+'&num=100'+'&filter=0')); |
Wireframes Bookmarklet
Este bookmarklet crea un wireframe en función de los DIVs presentes en el sitio, muy útil para realizar indicaciones a una equipo de diseñadores.
Arrastrar a la barra de favoritos
1 2 3 4 | javascript:(function(){wf_bookmarklet={ver:'1.5',ka:86400000,to:7000}; if(typeof%20wfInit=='undefined'){var%20s=document.body.appendChild(document.createElement('script')).src=(document.location.protocol=='https:'?'https:':'http:')+'//www.wirify.com/client/wirify.min.js?'+parseInt(new%20Date().getTime()/wf_bookmarklet.ka);window.setTimeout(function(){if(typeof%20wfInit=='undefined'){alert('Wirify%20is%20still%20processing%20or%20temporarily%20unavailable,%20please%20try%20again%20in%20a%20moment\n\nVisit%20%20twitter.com/wirify%20%20and%20%20www.wirify.com/blog%20%20for%20latest%20announcements'); }},wf_bookmarklet.to);}else{wfInit() ;}})(); |
Bookmarklets para Diseño
X-Ray Bookmarklet
Este bookmarklet te permite seleccionar cualquier elemento de la página, para ver todos sus atributos.
Arrastrar a la barra de favoritos
1 2 3 4 5 | javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT'); %20scriptElem.setAttribute('language',%20'JavaScript'); %20scriptElem.setAttribute('src',%20scriptURL); %20document.body.appendChild(scriptElem); }loadScript('http://westciv.com/xray/thexray.js'); |
Blur Bookmarklet
Este bookmarklet aplica un efecto Blur en el contenido del sitio, útil para cuando queremos capturar pantallas sin que se vea cierta información.
Arrastrar a la barra de favoritos
1 2 3 4 5 6 7 8 9 | javascript:function%20x(){var%20styleObj=document.createElement("style"); styleObj.setAttribute("type","text/css");document.getElementsByTagName("head")[0].appendChild(styleObj); rule%20=%20"h1,h2,a,p,span,blockquote{color:transparent;text-shadow:%200%200px%205px%20#000; filter:alpha(opacity=20); %20opacity:%200.2; %20-moz-opacity:0.2;}"; styleObj.appendChild(document.createTextNode(rule+"\n")); return%20false;};x(); void(0); |
Markup Bookmarklet
Este bookmarklet permite añadir marcadores a elementos de la página, incluyendo anotaciones, para poder remarcar estos y comprartilos en la nube.
Arrastrar a la barra de favoritos
1 2 3 4 | javascript:javascript:(function()%7Bwindow.add_js=function(s)%7Bvar%20k=(document.getElementsByTagName('head')%5B0%5D%7C%7Cdocument.body).appendChild(document.createElement('script')); k.src=s; k.type='text/javascript'; k.markup='9b3f194a-0909-11e0-b97b-001517bacb5f'%7D;window.MarkUp=window.MarkUp%7C%7C%7B%7D;add_js('http://api.markup.io/bootstrap.js?v=1&'+(+(new%20Date)))%7D)(); |
CSS SpriteMe Bookmarklet
Este bookmarklet es uno de mis favoritos, ya que te permite ver las imagenes de la página que podrian formar parte de un CSS Sprite y no solo eso, sino que te genera el png y su código CSS.
Arrastrar a la barra de favoritos
1 2 3 4 5 | javascript:(function(){var%20spritemejs=document.createElement('SCRIPT'); spritemejs.type='text/javascript'; spritemejs.src='http://spriteme.org/spriteme.js'; document.getElementsByTagName('head')[0].appendChild(spritemejs); })(); |
Bookmarklets para Copys
Paper.li Bookmarklet
Este bookmarklet permite extraer los posts de un blog, para ser incluidos en el servicio de Paper.li.
Arrastrar a la barra de favoritos
1 2 3 | javascript:void(function(){var%20a=document.createElement('script');a.setAttribute('type','text/javascript'); a.setAttribute('src','http://paper.li/javascripts/bookmarklet/init.js'); document.body.appendChild(a)}()); |
Bit.ly Sidebar Bookmarklet
Este bookmarklet añade una barra lateral a tu navegador, con la cual puedes generar la URL corta de la página y ver sus estadisticas.
Arrastrar a la barra de favoritos
1 2 3 4 | javascript:var%20e=document.createElement('script');e.setAttribute('language','javascript'); e.setAttribute('src','http://bit.ly/bookmarklet/load.js'); document.body.appendChild(e); void(0); |
Scoop.it Sidebar Bookmarklet
Este bookmarklet añade una barra lateral a tu navegador, con la cual puedes añadir el post a tu concentrador de contenidos generado dentro de Scoop.it.
Arrastrar a la barra de favoritos
1 2 3 4 5 | javascript:(function(){scscript=document.createElement('SCRIPT'); scscript.type='text/javascript'; scscript.src='http://www.scoop.it/resources/bklet/scoop.js?x='+(Math.random()); document.getElementsByTagName('head')[0].appendChild(scscript); document.sc_srvurl='http://www.scoop.it'})(); |
Esta actualización ha traído grandes beneficios, así como grandes perdidas en sitios web de España de gran envergadura. Lo que no logro entender es como después de casi exactamente 6 meses del Google Panda Update en el inglés, hayan empresas a las que les ha afectado y ademas de sorprenderse, no han hecho nada para prevenir que esto sucediera.
Lo primero a saber es ¿qué es el “Panda Update”?, básicamente lo que hicieron fue quitar fuerza a los sitios que generan casi todo su contenido mediante los usuarios (user generated content), que tienen un volumen muy alto de publicidad (publicidad > contenido), que tienen muchos enlaces (enlaces > contenido) y/o que generan contenidos mediante snippets, en donde dependiendo de la páginas, se cambian unas cuantas palabras (se suele usar mucho en sector de viajes).
