Page 15 - Payout Magazine Online Volume 8.0

P. 15

memory to your computer, set up an old hi-fi Then if you have just one continuous
sound system, or achieve vaginal ejaculation description on the subject under the h1, you
upon orgasm, and so on; sometimes a picture continue with normal text.
really is worth a thousand words, so on-page
descriptions that could take a lotta words But if your main subject can or should be
to write and read can be summed up easily, broken down into descriptions of various parts
graphically, along with short alt descriptions of a process or elements within that description,
such as alt=”Diagram 3: How to locate the each part should be within <h2>The Next Step
G-Spot using two fingers.” Down in the Heading Ladder</h2>.

Search engines understand that, really. This isn’t to say that each new sub-heading
below <h1> should be <h2> then <h3> then
Anyhow, nowadays there is another attribute <h4>. Rather, if each element in the description
that produces this little square text bubble on is equally important, and each needs a little
the hover. But relax. We’ll get there. explanation or description, then each sub-
section below <h1> should have an <h2>
Now let’s actually talk about a tag. A heading
tag; if, within the <h2>, there is a sub-detail
tag. Not just one, there’s actually six. But let’s
pertinent to that sub-heading, then a <h3>Sub-
start with one.
sub Heading</h3> would be called for. Then,
after your sub-sub heading </h3> is closed,
The <h1> or First Heading tag. It used to be
proceed with that sub-sub description.
that the h1, h2, h3, h4, h5 and h6 tags were
designer short-cuts meant to help break down
Each heading tag is stand-alone, it pertains
page content and pre-size the fonts for main
to the text that follows it; you do not enclose
headlines leading to paragraphs topped by
everything within the h tag; opening <h2>A
sub-headings (the smaller h2, h3, etc.). It is a
New Sub-Section With a New h2 Tag</h2> will
hierarchy.
direct the search engine, and, visually, your
human reader, to understand that the paragraph
This can break that down effectively:
text that follows pertains to that <h2>Sub-
heading</h2>.
<div>
<h1>h1 (36px)</h1>
Now seeing as the <h1> tag is considered the
<h2>h2 (30px)</h2>
most important to a search engine, which will
<h3>h3 (24px)</h3>
read it as the key content description of what
<h4>h4 (18px)</h4>
the whole page is about, there should be only
<h5>h5 (14px)</h5>
one <h1> tag per page, post or entry.
<h6>h6 (12px)</h6>
</div>
Think of it as titles and chapters in a novel;
there’s only one main title, but the book can
You see? Those are default values, and your
.css can change each of them to whatever size be divided into multiple parts, each with their
suits your needs. own title, within which can be multiple chapters,
each with titles of their own.
Interestingly, what started as a designer’s
shortcut has changed and gained or been If you’re a blogger you might understand it
assigned more importance than just size better if you approach your blog in sections;
semantics. for example, the Payout Magazine site, built on
a CMS, has a section for Press Releases. Guess
You could accurately say that the <h1> tag which part of the page is the <h1>?
can now replace the meta-keyword tag in the
invisible-to-the-naked-eye headers of a web And then, the title of each press release
page (which, not unimportantly to the purpose is hierarchically organized into <h2>For Its
of this article, is also now invisible or completely Title</h2>, and so on.
un-used by search engines).
On a basic blog, whose title and First Heading
So whatever your site page or post or entry would be “My Life in Posts” let’s say, each entry
is about, it should be summed up or headlined title would be a <h2>, regardless if you have 1,
<h1>Within The Big Heading</h1>. 7 or a dozen posts per blog-page.