Hot answers tagged

10

According to the HTML5 spec, "nav" is a "section" and a section "is content that defines the scope of headings and footers." The W3C example for the nav section shows h tags in the the nav. http://www.w3.org/TR/html5/sections.html#the-nav-element


7

Google recommends using microdata, but it does support three formats: microdata, microformats, and RDFa. A big reason to choose microdata would be that the examples that Google gives on it's website and those on schema.org are in the microdata format. Here is a site that has a huge table of the various advantages and disadvantages of the three formats. ...


6

Microformats is exactly what you're looking for.


5

Pilgrim isn't alone in contending this. According to Jeremy Keith's HTML5 for Web Designers, you can use multiple <h1>s in a document without ruining the document summary, as long as they are nested within discrete semantic sectional tags. Quoting directly from the eBook (which I purchased from iBooks) So far, the new sectioning content isn’t ...


5

I recommend reading the article from Smashing Magazine "HTML5 And The Document Outlining Algorithm" You will find detailed explanations on how to structure your html.


5

First and foremost, product search engines encourage contributors to utilize feeds which encode this type of metadata such that the product search engine does not have to scan raw HTML. Failing that, a relatively advanced product search engine might apply a product search heuristic to raw HTML which it scans. With sufficient input from its developers, such ...


4

What makes you think this hasn't happened already/doesn't happen continuously? I remember a point where pages were recommended to stay below ~40k total. With pages easily averaging over 1.2M or so more recently, it would just be insane to think whatever that cutoff is doesn't get periodically adjusted. The real "problem" you're bringing up is that no engine ...


4

During my extensive web searches I have found a quote which I find useful and suspect that future readers of this question will also. Use <h1> for top-level heading <h1> is the HTML element for the first-level heading of a document: If the document is basically stand-alone, for example Things to See and Do in Geneva, the ...


4

While your checkbox idea is much more efficient, I think you would have to avoid stating it as a question for it to make sense. For instance: <label for="the_question">I would answer yes to this long winded question.</label> <input type="checkbox" name="the_question" id="the_question" value="1"> However, if your designers are dead set on ...


4

I saw some really crazy graphic novel + canvas experiments from Google a while ago. All the text was plain text (great accessiblity) but all the images could be plainly seen. I can't seem to find it, but 20 Things I Learned shows kind of what I mean. I'd say that's overkill for what you want to do, so I'd do this: <img src="page1.jpg" alt="Page 1" ...


3

There is also the Search Engine schema.org ( http://schema.org ), which differ from microformats and generally use html attributes instead of things like classes for rich snippets.


3

You should take a look at "Never Mind The Bullets", done using HTML5 and canvas. I'm not sure how accessible it is, but you might find it gives you some ideas. Keep in mind, however, that the HTML5 approach rules out IE8 and below (IE9 is fine). Depending on your audience, that could be a non-starter.


3

HTML has a longdesc attribute that points to the URL of a 'long description'. Rather than lots of alt tags, why not use that?


3

Google uses microdata for it's rich snippets. This in fact is additional markup predating HTML5. This gives exact information for search engines about products, recepies, businesses, events, and other things when crawling over the sites. Google mainly uses microdata based on schema.org's markup, but there are other markups as well. This way webmasters can ...


2

To my knowledge, none of the major search engines have made any definite proclamations on HTML5 as it pertains to SEO. As a result, beyond the usual good practice of well-formed, semantically correct code, we can do little more than speculate on that front. For advice on writing well-formed and semantically correct HTML5, I strongly recommend referring to ...


2

Use the built-in content negotiation functionality with a type map. You may need to tweak your filenames / URLs or use rewrite rules after applying the type map.


2

RDF is a W3C standard for representing data using three-part { identifier, attribute name, attribute value} data structures. SPARQL is the query language for querying RDF data. The W3C's RDF Schema Language (RDFS) lets you declare classes, properties, and relationships between them using RDF, and their Web Ontology Language (OWL) lets you get fancier with ...


2

It won't hurt your SEO because Google establishes what is what on page regardless, things like breadcrumbs get detected by Google regardless of the positioning and markup used in the source code. However, if you want a semantic website then you should resolve this, a simple fix would be to edit your 'loop' in your WordPress, and if I'm not mistaken your ...


2

Oof, that's a tough one. It's really hard to present something like a graphic novel with good accessibility. Images are a lot better than PDF though, you're right about that one. Also, I wouldn't recommend putting the entire description of each pane as an alt text, let alone entire page. I think the best way would be to add paragraphs with transcripts and ...


2

There currently is no microformatting for Q&A data. But I wouldn't be surprised to see it in the future as I can't imagine that the current few available formats are all there's going to be. I'm sure as microformats get flushed out and working examples become more prevalent we'll see an increase in the available microformats. Hopefully they'll be ...


2

I would tend to agree with Mark Pilgrim's interpretation. If you're enclosing your article inside of an article element, then you can start over again with an h1 heading for the article. In the HTML5 spec, articles are supposed to be treated as an independent, self-contained part of the page. You should be able to transplant the article element as is into ...


2

I disagree with both of the approaches. Mostly, if the "long winded question" really does have two answers then "Yes" and "No" are poor choices to offer. The options should be short phrases that state the decision being made. An example. Instead of this: Do you want to book conference accomodation now as a part of your ticket? ( ) Yes ( ) No do ...


2

If you want marking up of music then its best to use microdata such as SCHEMA MusicAlbum. Also, not sure what guides your following but hgroup was deprecated eons ago! A typical good example would look something like this: <main itemscope itemtype="http://schema.org/MusicAlbum"> <h1 itemprop="name">Album Name</h1> <meta ...


1

The vocabulary Schema.org can be used: Question type: A specific question - e.g. from a user seeking answers online, or collected in a Frequently Asked Questions (FAQ) document. Answer type: An answer offered to a question; perhaps correct, perhaps opinionated or wrong. You can specify the accepted answer with the acceptedAnswer property. By ...


1

Using the CSS display: inline-block would be the best way to do it. Depending on your browser compatibility needs, you may need to use some workarounds since it is only supported in modern browsers consistently. A List Apart has a good article about how to use the inline-block setting: Prettier Accessible Forms. Then, to get some parts to wrap or not, just ...


1

Why not go for HTML5 new elements? About accessibility, you can count on many little scripts (like the one made by Remy Sharp, and available at http://whatwg.org, on examples section) or libraries (modernizr). Now my solution: scan everything for jpeg, use figure element with figcaption to add all images as img tags as keep it accessible, and of course, ...


1

h tags are for the structure of the content of the page. I wouldn't say navigation is part of the content of the page, so it doesn't make sense to me to have h tags in the navigation.


1

Beware about one detail: JPGs when rendering text can be terrible. You will need to set your graphic software to export at a very high quality. If done so, is an ok route. PDF crashes/takes time to load in many browsers/machines, actually. But sometimes is the only option, it depends on the content, audience... The problem I see with HTML 5 is seems not yet ...


1

The relevant markup from the linked example is: <body itemscope itemtype="http://schema.org/WebPage"> <main itemprop="mainContentOfPage"> <div itemprop="breadcrumb"> <span prefix="v: http://rdf.data-vocabulary.org/#"> <span typeof="v:Breadcrumb"><a href="/" rel="v:url" ...


1

Oh Lord where to begin! The semantic web is not a thing. It is not something you do. As a term, it originally did not apply to the World Wide Web. It is a scientific principle. You just create your web content for humans and not for machines. That is, for the most part, all you need to know. There are certain SEO tactics that take advantage of certain ...



Only top voted, non community-wiki answers of a minimum length are eligible