Last active
August 29, 2015 13:57
-
-
Save szepeviktor/9708603 to your computer and use it in GitHub Desktop.
Google SERP title, url and description size by Javascript
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Measure Google's SERP character width | |
* | |
* one result is 512px wide on a Windows desktop | |
* | |
* STEPS to get Google SERP's source | |
* | |
* disable Javascript in your browser | |
* search in Google (from the front page) | |
* copy the URL | |
* download it with wget | |
* comment out //maybeRedirectForGBV(document,location,"1"); | |
* include jQuery <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | |
* include this script | |
* | |
* OR: use Firebug | |
*/ | |
var i, char, | |
chardata = {}, | |
charsizes = [], | |
// the first result | |
title = jQuery('h3.r a').eq(0), | |
url = jQuery('div.s cite').eq(0), | |
desc = jQuery('div.s span.st').eq(0); | |
// all ASCII characters from space to tilde (~) | |
for (i=32; i < 127; i += 1) { | |
if (i === 32) { | |
// measure space | |
char = ' '; | |
} else { | |
char = String.fromCharCode(i); | |
} | |
// display the character | |
title.html(char); | |
url.html(char); | |
desc.html(char); | |
chardata.name = char; | |
// measure | |
chardata.title_size = title.width(); | |
chardata.url_size = url.width(); | |
chardata.desc_size = desc.width(); | |
charsizes.push(chardata); | |
// empty character data | |
chardata = {}; | |
} | |
console.dir(charsizes); | |
console.log(JSON.stringify(charsizes)); | |
/* | |
RESULTS in Firefox/Windows 7 old (small) titles | |
[{"name":" ","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"!","title_size":5,"url_size":5,"desc_size":3}, | |
{"name":"\"","title_size":6,"url_size":5,"desc_size":5}, | |
{"name":"#","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"$","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"%","title_size":14,"url_size":12,"desc_size":12}, | |
{"name":"&","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"'","title_size":3,"url_size":3,"desc_size":2}, | |
{"name":"(","title_size":5,"url_size":5,"desc_size":4}, | |
{"name":")","title_size":5,"url_size":5,"desc_size":4}, | |
{"name":"*","title_size":6,"url_size":5,"desc_size":5}, | |
{"name":"+","title_size":9,"url_size":8,"desc_size":8}, | |
{"name":",","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"-","title_size":5,"url_size":5,"desc_size":4}, | |
{"name":".","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"/","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"0","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"1","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"2","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"3","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"4","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"5","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"6","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"7","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"8","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"9","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":":","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":";","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"<","title_size":9,"url_size":8,"desc_size":8}, | |
{"name":"=","title_size":9,"url_size":8,"desc_size":8}, | |
{"name":">","title_size":9,"url_size":8,"desc_size":8}, | |
{"name":"?","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"@","title_size":16,"url_size":14,"desc_size":13}, | |
{"name":"A","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"B","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"C","title_size":12,"url_size":10,"desc_size":9}, | |
{"name":"D","title_size":12,"url_size":10,"desc_size":9}, | |
{"name":"E","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"F","title_size":10,"url_size":9,"desc_size":8}, | |
{"name":"G","title_size":12,"url_size":11,"desc_size":10}, | |
{"name":"H","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"I","title_size":3,"url_size":3,"desc_size":3}, | |
{"name":"J","title_size":8,"url_size":6,"desc_size":6}, | |
{"name":"K","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"L","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"M","title_size":13,"url_size":11,"desc_size":11}, | |
{"name":"N","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"O","title_size":12,"url_size":11,"desc_size":10}, | |
{"name":"P","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"Q","title_size":12,"url_size":11,"desc_size":10}, | |
{"name":"R","title_size":11,"url_size":10,"desc_size":9}, | |
{"name":"S","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"T","title_size":9,"url_size":9,"desc_size":7}, | |
{"name":"U","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"V","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"W","title_size":15,"url_size":13,"desc_size":13}, | |
{"name":"X","title_size":11,"url_size":8,"desc_size":7}, | |
{"name":"Y","title_size":9,"url_size":9,"desc_size":9}, | |
{"name":"Z","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"[","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"\\","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"]","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"^","title_size":7,"url_size":5,"desc_size":5}, | |
{"name":"_","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"`","title_size":5,"url_size":5,"desc_size":4}, | |
{"name":"a","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"b","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"c","title_size":8,"url_size":7,"desc_size":7}, | |
{"name":"d","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"e","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"f","title_size":4,"url_size":4,"desc_size":3}, | |
{"name":"g","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"h","title_size":8,"url_size":8,"desc_size":7}, | |
{"name":"i","title_size":4,"url_size":3,"desc_size":3}, | |
{"name":"j","title_size":3,"url_size":3,"desc_size":3}, | |
{"name":"k","title_size":8,"url_size":7,"desc_size":7}, | |
{"name":"l","title_size":3,"url_size":3,"desc_size":3}, | |
{"name":"m","title_size":13,"url_size":11,"desc_size":11}, | |
{"name":"n","title_size":8,"url_size":8,"desc_size":7}, | |
{"name":"o","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"p","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"q","title_size":9,"url_size":8,"desc_size":7}, | |
{"name":"r","title_size":5,"url_size":5,"desc_size":4}, | |
{"name":"s","title_size":8,"url_size":7,"desc_size":7}, | |
{"name":"t","title_size":4,"url_size":4,"desc_size":4}, | |
{"name":"u","title_size":8,"url_size":8,"desc_size":7}, | |
{"name":"v","title_size":7,"url_size":7,"desc_size":5}, | |
{"name":"w","title_size":11,"url_size":9,"desc_size":9}, | |
{"name":"x","title_size":7,"url_size":6,"desc_size":7}, | |
{"name":"y","title_size":7,"url_size":7,"desc_size":7}, | |
{"name":"z","title_size":7,"url_size":6,"desc_size":7}, | |
{"name":"{","title_size":5,"url_size":5,"desc_size":4}, | |
{"name":"|","title_size":3,"url_size":3,"desc_size":3}, | |
{"name":"}","title_size":5,"url_size":5,"desc_size":4}, | |
{"name":"~","title_size":9,"url_size":8,"desc_size":8}] | |
RESULTS new large titles | |
[{"name":" ","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"!","title_size":5,"url_size":3,"desc_size":3}, | |
{"name":"\"","title_size":6,"url_size":5,"desc_size":5}, | |
{"name":"#","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"$","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"%","title_size":16,"url_size":12,"desc_size":12}, | |
{"name":"&","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"'","title_size":3,"url_size":2,"desc_size":2}, | |
{"name":"(","title_size":6,"url_size":4,"desc_size":4}, | |
{"name":")","title_size":6,"url_size":4,"desc_size":4}, | |
{"name":"*","title_size":7,"url_size":5,"desc_size":5}, | |
{"name":"+","title_size":11,"url_size":8,"desc_size":8}, | |
{"name":",","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"-","title_size":6,"url_size":4,"desc_size":4}, | |
{"name":".","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"/","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"0","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"1","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"2","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"3","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"4","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"5","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"6","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"7","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"8","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"9","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":":","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":";","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"<","title_size":11,"url_size":8,"desc_size":8}, | |
{"name":"=","title_size":11,"url_size":8,"desc_size":8}, | |
{"name":">","title_size":11,"url_size":8,"desc_size":8}, | |
{"name":"?","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"@","title_size":18,"url_size":13,"desc_size":13}, | |
{"name":"A","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"B","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"C","title_size":13,"url_size":9,"desc_size":9}, | |
{"name":"D","title_size":13,"url_size":9,"desc_size":9}, | |
{"name":"E","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"F","title_size":11,"url_size":8,"desc_size":8}, | |
{"name":"G","title_size":14,"url_size":10,"desc_size":10}, | |
{"name":"H","title_size":13,"url_size":9,"desc_size":9}, | |
{"name":"I","title_size":5,"url_size":3,"desc_size":3}, | |
{"name":"J","title_size":9,"url_size":6,"desc_size":6}, | |
{"name":"K","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"L","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"M","title_size":15,"url_size":11,"desc_size":11}, | |
{"name":"N","title_size":13,"url_size":9,"desc_size":9}, | |
{"name":"O","title_size":14,"url_size":10,"desc_size":10}, | |
{"name":"P","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"Q","title_size":14,"url_size":10,"desc_size":10}, | |
{"name":"R","title_size":13,"url_size":9,"desc_size":9}, | |
{"name":"S","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"T","title_size":11,"url_size":7,"desc_size":7}, | |
{"name":"U","title_size":13,"url_size":9,"desc_size":9}, | |
{"name":"V","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"W","title_size":17,"url_size":13,"desc_size":13}, | |
{"name":"X","title_size":12,"url_size":7,"desc_size":7}, | |
{"name":"Y","title_size":12,"url_size":9,"desc_size":9}, | |
{"name":"Z","title_size":11,"url_size":7,"desc_size":7}, | |
{"name":"[","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"\\","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"]","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"^","title_size":8,"url_size":5,"desc_size":5}, | |
{"name":"_","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"`","title_size":6,"url_size":4,"desc_size":4}, | |
{"name":"a","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"b","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"c","title_size":9,"url_size":7,"desc_size":7}, | |
{"name":"d","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"e","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"f","title_size":5,"url_size":3,"desc_size":3}, | |
{"name":"g","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"h","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"i","title_size":4,"url_size":3,"desc_size":3}, | |
{"name":"j","title_size":4,"url_size":3,"desc_size":3}, | |
{"name":"k","title_size":9,"url_size":7,"desc_size":7}, | |
{"name":"l","title_size":4,"url_size":3,"desc_size":3}, | |
{"name":"m","title_size":15,"url_size":11,"desc_size":11}, | |
{"name":"n","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"o","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"p","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"q","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"r","title_size":6,"url_size":4,"desc_size":4}, | |
{"name":"s","title_size":9,"url_size":7,"desc_size":7}, | |
{"name":"t","title_size":5,"url_size":4,"desc_size":4}, | |
{"name":"u","title_size":10,"url_size":7,"desc_size":7}, | |
{"name":"v","title_size":9,"url_size":5,"desc_size":5}, | |
{"name":"w","title_size":13,"url_size":9,"desc_size":9}, | |
{"name":"x","title_size":9,"url_size":7,"desc_size":7}, | |
{"name":"y","title_size":9,"url_size":7,"desc_size":7}, | |
{"name":"z","title_size":9,"url_size":7,"desc_size":7}, | |
{"name":"{","title_size":6,"url_size":4,"desc_size":4}, | |
{"name":"|","title_size":5,"url_size":3,"desc_size":3}, | |
{"name":"}","title_size":6,"url_size":4,"desc_size":4}, | |
{"name":"~","title_size":11,"url_size":8,"desc_size":8}] | |
*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Anyone measuring on mobile?