A Statistical Review of 1 Billion Web Pages 294
chrisd writes "As part of a recent examination of the most popular html authoring techniques, my colleague Ian Hickson parsed through a billion web pages from the Google repository to find out what are the most popular class names, elements, attributes, and related metadata. We decided that to publish this would be of significant utility to developers. It's also a fascinating look into how people create web pages. For instance one thing that surprised me was that the <title> is more popular than <br>. The graphs in the report require a browser with SVG and CSS support (like Firefox 1.5!). Enjoy!"
I clicked I'm Feeling Lucky on this article (Score:2, Funny)
Sheesh.
We've come a long way (Score:4, Funny)
Blink (Score:5, Funny)
Re:Blink (Score:4, Funny)
I must have blinked, I didn't see it the first time.
Re:Blink (Score:3, Funny)
Re:Blink (Score:5, Funny)
Every other usage just caused me to browse elsewhere.
Re:Blink (Score:2)
Re:We've come a long way (Score:2)
Re:We've come a long way (Score:2)
I'm guessing one reason for its decreased use is that a lot of browsers refuse to honor that tag.... On the other hand, most browsers still honor the property in CSS. :-D
is more popular than (Score:5, Funny)
Re: is more popular than (Score:2, Funny)
Hooray! I've never been so happy to see a period!
Re: is more popular than (Score:5, Funny)
Re: is more popular than (Score:5, Funny)
Re: is more popular than (Score:2)
The reason not to do this (Score:5, Informative)
i helped my uncle jack off a horse
Finally... (Score:5, Funny)
Not so fast - I'm pulling up mostly blank pages... (Score:2)
Classes
How many different class names do pages use? Well, most pages apparently don't use the class attribute at all, and it's downhill from there:
(nothing for about 15 lines)
Which class names are used on the most pages? Here are the top 20:
(nothing for about 15 lines)
This actually maps very well to the elements that are being proposed in HTML5:
etc...
Re:Not so fast - I'm pulling up mostly blank pages (Score:2, Informative)
Pretty crappy page authoring... (Score:2)
Re:Pretty crappy page authoring... (Score:3, Insightful)
It's explicitly mentioned on the very first page ("Note: You will need a browser with SVG and CSS support to view the result graphs correctly. We recommend Firefox 1.5.").
Re:Pretty crappy page authoring... (Score:2)
Re:Pretty crappy page authoring... (Score:3, Insightful)
Gecko fascism indeed, I mean what a bunch of bastard, using completely valid SVG files [w3.org], oooh the nerve of them blokes...
Re:Finally... (Score:2)
"Googled" as "searched for"? Googled.
BR tag? (Score:5, Insightful)
Re:BR tag? (Score:4, Interesting)
Small stat? are you joking?
This is about the number of sites that use the tag, not the number of tags out in the wild, and <br> is used on more pages than <table>, there are as many pages with at least one <br> than pages with at least an <img> tag
That's freaking huge, for a tag that should almost never be used.
Re:BR tag? (Score:2)
Re:BR tag? (Score:3, Insightful)
The <br> element type is kept around for a few minority uses. Things like poetry, code listings, etc, where dividing something up into lines is necessary. These things are rare, which is why masklinn said "should almost never be used" and not "should never be used".
Yes, and if you take into account the idea that most pages that use the <br> element type do so in precisely this
Re:BR tag? (Score:2)
For that matter, <br> is useful when users enter in a combination of text and HTML. Putting a BR where the newline was preserves the formatting of the text as the user entered it (for example, see the HTML of this Slashdot post. I'm entering it as plain old text and I placed no BR tags in it). A tag like <pre> may be better for that, though.
Re:BR tag? (Score:2)
-l
Re:BR tag? (Score:3, Insightful)
My site is XHTML, so the closing tag is required (not that that's stopping me).
Re:BR tag? CSS, duh! (Score:2)
You're right about BR. It's just about useless these days.
Look at this sentence from the 'HTTP Headers' section:
Excuse me? the link header is for including stylesheets (among other uses). The fact th
Re:BR tag? CSS, duh! (Score:2)
And yeah... it ignored CSS. It's looking at page elements in order to help out the WHAT folks.
Re:BR tag? CSS, duh! (Score:2)
This kind of misunderstanding is why people should learn the proper names for things. The study is referring to the Link HTTP header. You are referring to the <link> HTML element type. Headers are not element types, even if most people call both of them "tags".
Using the Link HTTP header for stylesheets is not practical because most browsers don't support it and those that do only added support recently.
Re:BR tag? is used in 7 out of 8 pages (Score:4, Informative)
the study states that there are more pages using title, than pages using br. NOT that more title tags are used than br tags.
Approximatly 98% of all pages have a title tag and approximatly 7 out of 8 pages have (at least one, probably more) br tags.
Re:BR tag? (Score:2, Funny)
Re: (Score:2)
Re:BR tag? (Score:2)
Re:BR tag? (Score:2)
Not complete (Score:5, Funny)
what's the point of a 1 billion page sample? (Score:3, Interesting)
Aside from the cool factor of saying they sampled a billion pages, I don't see what extra benefits are gained from that extra effort.
Re:what's the point of a 1 billion page sample? (Score:2)
Re:what's the point of a 1 billion page sample? (Score:5, Informative)
Re:what's the point of a 1 billion page sample? (Score:5, Insightful)
Re:what's the point of a 1 billion page sample? (Score:3, Informative)
If you start with a sample size of 1000 and add an additional 10000, the accuracy will increase dramatically. But if you start with 1,000,000,000, and increase it by another 1,000,000,000, the accuracy won't go up even by as much as 0.0001%
Yes, I'm pulling the numbers out of the air, but the point is that there exists a sweet spot where the additional effort does not pay off.
Re:what's the point of a 1 billion page sample? (Score:2)
Because there's a point of diminishing returns.
If a 1-million-page sample gives you 85% accuracy, and a 2-million-page sample gives you 95% accuracy, it may be worth the extra time and effort to process the 2-million-page sample. But if reaching 96% accuracy requires you to process 1 BILLION pages, it's probably not worth the time or the effort.
Re:what's the point of a 1 billion page sample? (Score:2)
But if reaching 96% accuracy requires you to process 1 BILLION pages, it's probably not worth the time or the effort.
You're assuming it took significantly more work. They just pulled all of these from Google's cache, so the extra work may have been letting their script run overnight instead of for an hour in the morning. More pages will make it more accurate and I'm sure they are more qualified to judge the proper amount of work/reward more-so than anyone not doing the project.
Re:what's the point of a 1 billion page sample? (Score:2)
Imagine - they were able to scale the system to process 1 BILLION webpages. That is a significant achievement, which means that somewhere in Google, they have the ability to not only gather and sort/search a lot of data, but also derive meaning from it (statistical or otherwise).
That is a significant achievement.
Data by itself becomes fairly pointless after a while, however finding relations and meaning within that data is what ma
Re:what's the point of a 1 billion page sample? (Score:2)
I mean, just distribute the counting over processors - this problem seems trivially parallel
But of course, I don't work for Google, so who knows what those wizards are doing with the stats!
Re:what's the point of a 1 billion page sample? (Score:2)
I would think that tokenise-ing and statistically analyzing such data would not be a trivial task for that large a sample.
Then again, maybe someone from Google could tell us? (Chris?)
Re:what's the point of a 1 billion page sample? (Score:2)
Chris
Re:what's the point of a 1 billion page sample? (Score:2)
but that billion is the thing that is most interresting. the other part is just statistics that are just fun, nothing more.
Re:what's the point of a 1 billion page sample? (Score:2)
Re:what's the point of a 1 billion page sample? (Score:2)
That would be 10%, which is still pretty large, I guess.
IANAStatitician, and I never understood how a confidence interval isn't tied to the population size...
Too weird.
Re:what's the point of a 1 billion page sample? (Score:3, Interesting)
A couple of people have pointed out that the larger the sample size, the less chance there is to attribute a meaningful difference to a situation that is actually a random fluctuation. That may be true, but I believe the point the parent is trying to make is that one of the key advantages of statistical modeling is that you can accurately model very large groups by studying very small samples of that group. If there was actually a need for this large a sample, then fine. Otherwise, the sample size is more s
Depth (Score:2)
The number of traits they were trying to discover was unknown at the start; furthermore, they expected it to be very high. Lots of different HTML tags in the standards, but even more nonstandard tags, nonstandard attributes; they even found information about how different attributes a
dude (Score:2)
\. shows up in the Web Authoring Statistics (Score:5, Funny)
The br element is a simple one, yet used on so many pages that it is the 8th most-used element. It is used more than the p element.
clear, style, class, soft, id, and \.
Wow! I never knew you guys were that popular.
Re:\. shows up in the Web Authoring Statistics (Score:5, Funny)
(sheesh)
Google is good today. (Score:2)
Best bash I've seen in a long time: (Score:5, Funny)
With apologies to Warren Zevon (Score:2)
"Unfortunately, it was also of significant interest to the DOJ, who wanted to know how many times the word 'boobs' appeared in the first 50 characters after the string "IMG SRC". Because we didn't actually look for this data, and because th
Some of these results... (Score:4, Insightful)
Prove that most people (and WYSIWYGs) don't know how to produce valid and accessible markup. The img alt attibute (an accessibility requirement) was found significantly less than width, height, and border.
I'm working on a site now where the project owner is continually reducing usability and accessibilty of the entire site (Never mind that he secretly had a third party come up with an ugly design and ambushed the dev team with it).
I keep telling everyone to deconstruct the adage "form follows function". It means function comes first. He doesn't care what anything *is* or how it *works*, only what it looks like. And, of course, that it's ugly.
SVG, uh. (Score:2)
[1] everything is about priorites, I spend some time reading
Ad for anti-IE (Score:5, Insightful)
Way to go Google! Pour on the pressure!
Re:Ad for anti-IE (Score:4, Informative)
I don't believe Ian Hickson has been involved with Firefox; if I remember correctly, he used to hack on Mozilla, but then started work at Opera before Firefox took off.
I don't think it's a jab at Internet Explorer, it's just that he knows that the target audience is likely to have a decent browser, so he's used the features likely to be available.
Beford's Law (Score:2)
Re:Beford's Law (Score:4, Interesting)
You see, my hard drive crashed about two weeks ago. It had three partitions on it, and two of them are still perfectly readable. The third is pretty well shot. (Fortunately, it was the most useless partition; it's main contents was Windows itself. This does mean ANOTHER Windows installation -- after having to do one a few weeks before -- but really that's no biggie compared with my actual data. And while I'm on that subject, I had two hard drives; when I got the newer one, I put all my work stuff on it as well as a new Linux installation specifically because it was less likely to fail, and I look back at that decision now with great happiness, because it is that foresight that has made this no big deal at all.)
I've been trying to recover data off of the third partition, and it seems that if you do a full scan of the partition it appears as if the data was just deleted. Most of the time it's able to recover information, but not always: folder names are often lost. They show up in the recovery programs I tried as just Folder2393 for example. (Numbers ranged from 2 to 5 digits.)
The folder numbers approximately follow Benford's law.
Here is the approximate distribution:
(M. S. Digit) (% of folders) (Ideal Benford %)
1 32 30.1
2 15 17.6
3 12 12.5
4 12 9.7
5 19 7.9
6 03 6.7
7 03 5.8
8 02 5.1
9 02 4.6
One thing that screws up web page studies (Score:2)
Oliver Steele did a cute study on how to spell aargh. [osteele.com]
Unfortunately much of his data is screwed up because he counted pages for each spelling not unique pages.
For this study, I don't see this problem ocurring.
Opera also supports SVG (Score:5, Informative)
Re:Opera also supports SVG (Score:2)
TITLE vs. BR (Score:2)
I'm not surprised. The TITLE container is required for every HTML page to be considered valid across all versions and is the most important text on the page, used by search engines to link to the page. Though browsers will accept pages without it, you'd be a damn fool not to use it.
BR is optional and generally unnecessary when P handles your general hard line breaking needs. Even with TITLE being once, only
Heh (Score:4, Interesting)
I wonder how much of what they found is influenced by how people learned to write HTML - which in all likelihood was to copy code from existing pages... might explain parts of what they found, such as:
Re:Heh (Score:2, Informative)
Somewhat true. The HEAD tag is technically optional (per spec), but TITLE is required, and must be in the HEAD. Thus HEAD is required in practice.
From the HTML 4.01 spec [w3.org]:
Though marked as "start tag optional"/"end tag optional", the BODY and HTML tags do provide useful symantec relevanc
Font still popular (Score:3, Interesting)
Of course, there may have been a lot of old pages in the sample, or pages built with older versions of HTML. But I've seen first-hand people using font tags to make an error message red, for example, even in a page that's using XHTML 1.0. I try to explain to the developers I work with why they shouldn't use them. I remove the font tags when those same developers add them to pages I've laid out for them. Zombie-like, they refuse to die.
Re:Font still popular (Score:2)
You know, there's something to be said for the straightforwardness of the "Font. Color. Red. Do it." approach.
With CSS, the developer has to decide whether to set the color as an inline style, as a page-defined style, or as part of an external stylesheet. Whether to apply that style to an existing element containing the error message, or to wrap the error text in a new SPAN element. Whether the CSS style should be applied based on tag
table with no (Score:5, Informative)
Your code usually goes like this:
So it is quite easy to get the empty table if the collection is empty.
Re:table with no (Score:2)
I doubt it. This is from Google, which only searches the server's output, not the uncompiled code.
What about plugins? (Score:3, Insightful)
Script attributes (Score:2)
"langauge"
"langugage"
"languaje"
Link to that page in the stats:
http://code.google.com/webstats/2005-12/scripting
I just have no comment to this.
Poor style by Google (Score:2, Redundant)
They're doing the exact opposite of what they should be doing.
They're doing what led us into this shitty IE situation in the first place; targetting specific browsers instead of the public.
Can anyone tell me what's here that can't be visualized with GIF's?
Even if it'd mean less features for the user, they should at least graciously fall back to a more basic technology than SVG's.
How do these pages look on IE, Opera, Safari, or
Re:Poor style by Google (Score:3, Insightful)
I don't think that's the point
If you view code of one of the graphs http://code.google.com/webst [google.com]
For folks does not (want) to run Firefox (Score:4, Informative)
Notice that I got SVG plugin installed for ages, Safari didn't display the graphs. Is it because I am not using "a browser with CSS"? Well, nevermind really...
This is the thing why I and others have negative views against firefox, svg and even
Wisdom (Score:3, Interesting)
There are several statistics they quoted which I have suspected for a long time, but only now can confirm with numbers.
I can't begin to describe the frustration I feel when I'm forced to use Internet Explorer and clicking links causes pages to fire up in a million new windows. Whether or not a link opens in a new window, a new tab, or the current window/tab really should be a client-side choice. Webmasters think they're being helpful by letting you separate your workspace into many windows, but they're really just slowing people down. Thank God for Firefox.
This makes perfect sense. While colors, fonts and styles are pretty much standard in a cross-browser environment, due to many various interpretations of the CSS Box Model, coding layout purely in CSS can be a terrible chore. It's usually much quicker to do a few simply layouts in tables (header, sidebar, content) and use CSS for pretty much everything else.
Set-Cookie2 insecure? (Score:3, Interesting)
Re:Set-Cookie2 insecure? (Score:3, Informative)
Fix for Firefox 1.5 (Score:3, Informative)
Apparently there's a problem in Firefox 1.5 regarding SVG images if you
had SVG in the registry. Try following the steps described here:
https://bugzilla.mozilla.org/show_bug.cgi?id=3035
I'm feeling violated (Score:3, Insightful)
Re:No GOTOs? (Score:5, Funny)
IF(Post=Old_And_Tired) GOTO Mod_Down
Bah... (Score:2, Interesting)
For example, looking at what HTML ids and classes are most common, and at how many sites validate (and yes, we know that we're not leading the way in terms of validation).
There are more <o:p> elements (from Microsoft Office) on the Web than there are <h6> elements.
If someone can explain why so many pages would use a <table> tag and then not put any cells in it, please let us know.
Web "professionals" (and I am one of that group) have got a long, long, lon
Now that's what I call... (Score:2)
Re:Strangely... (Score:2)
Talk about knee-jerk moderation...
Re:Strangely... (Score:2)
Re:Strangely... (Score:2)
Stop spreading FUD (Score:2)
Now, if you had just replied to the article and pointed out that Seamonkey is another browser that also supports SVG, that would be totally fair; but instead you chose to reply to someone asking for
Re:Firefox 1.5 (Score:2, Interesting)
Re:Firefox 1.5 (Score:2)
Re:Cool statistics (Score:2)
I can't quite agree with that. Like frames and Flash, image maps have their place, and can be a useful tool in the right circumstances. It's just that those circumstances happen rather more rarely than image maps are used in practice, which gets them a rather unfair bad reputation. I've seen a couple of nicely presented graphical site maps that were much easier to understand than a big nested list, and relied on image maps to link through to the content pages, for example.
Re: is NOT more popular than (Score:2)
Re:Dumb (Score:5, Insightful)
Re:Worst use of SVG ever (Score:3, Funny)