<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Internet Business &#38; Marketing Strategy - Andy Beard &#187; googlereader</title>
	<atom:link href="http://andybeard.eu/tag/googlereader/feed" rel="self" type="application/rss+xml" />
	<link>http://andybeard.eu</link>
	<description>Internet Marketing, Lead Acquisition, Online Business Strategy and Social Media with Original Opinion and Loads of Attitude</description>
	<lastBuildDate>Sun, 12 Feb 2012 06:16:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Headline Formatting In Blogs</title>
		<link>http://andybeard.eu/168/headline-formatting-in-blogs.html</link>
		<comments>http://andybeard.eu/168/headline-formatting-in-blogs.html#comments</comments>
		<pubDate>Sat, 09 Dec 2006 17:40:37 +0000</pubDate>
		<dc:creator>Andy Beard</dc:creator>
				<category><![CDATA[blogging tips]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[bloglines]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[Feed Reader]]></category>
		<category><![CDATA[feedburner]]></category>
		<category><![CDATA[feedreader]]></category>
		<category><![CDATA[google reader]]></category>
		<category><![CDATA[googlereader]]></category>
		<category><![CDATA[h2]]></category>
		<category><![CDATA[h3]]></category>
		<category><![CDATA[headings]]></category>
		<category><![CDATA[headlines]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[pageflakes]]></category>
		<category><![CDATA[rss]]></category>

		<guid isPermaLink="false">http://andybeard.eu/2006/12/headline-formatting-in-blogs.html</guid>
		<description><![CDATA[
<p>When most people write content, they think about how that content looks in their WYSIWYG editor, and probably in their preview of page contents.<br />
I am sure after publishing, they take a look at their published version of the content.</p>
<p><a href="http://andybeard.eu/168/headline-formatting-in-blogs.html" class="more-link">Read more on Headline Formatting In Blogs&#8230;</a></p>
<div class="topsy_widget_data topsy_theme_brick-red" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fandybeard.eu%252F168%252Fheadline-formatting-in-blogs.html%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22Headline%20Formatting%20In%20Blogs%22%20%7D);"></div>


	Tags: <a href="http://andybeard.eu/tag/blogging" title="blogging" rel="tag">blogging</a>, <a href="http://andybeard.eu/tag/blogging-tips" title="blogging tips" rel="tag">blogging tips</a>, <a href="http://andybeard.eu/tag/bloglines" title="bloglines" rel="tag">bloglines</a>, <a href="http://andybeard.eu/tag/email" title="email" rel="tag">email</a>, <a href="http://andybeard.eu/tag/feed-reader" title="Feed Reader" rel="tag">Feed Reader</a>, <a href="http://andybeard.eu/tag/feedburner" title="feedburner" rel="tag">feedburner</a>, <a href="http://andybeard.eu/tag/feedreader" title="feedreader" rel="tag">feedreader</a>, <a href="http://andybeard.eu/tag/google-reader" title="google reader" rel="tag">google reader</a>, <a href="http://andybeard.eu/tag/googlereader" title="googlereader" rel="tag">googlereader</a>, <a href="http://andybeard.eu/tag/h2" title="h2" rel="tag">h2</a>, <a href="http://andybeard.eu/tag/h3" title="h3" rel="tag">h3</a>, <a href="http://andybeard.eu/tag/headings" title="headings" rel="tag">headings</a>, <a href="http://andybeard.eu/tag/headlines" title="headlines" rel="tag">headlines</a>, <a href="http://andybeard.eu/tag/html" title="html" rel="tag">html</a>, <a href="http://andybeard.eu/tag/marketing" title="marketing" rel="tag">marketing</a>, <a href="http://andybeard.eu/tag/pageflakes" title="pageflakes" rel="tag">pageflakes</a>, <a href="http://andybeard.eu/tag/rss" title="rss" rel="tag">rss</a><br />
]]></description>
			<content:encoded><![CDATA[
<p>When most people write content, they think about how that content looks in their WYSIWYG editor, and probably in their preview of page contents.<br />
I am sure after publishing, they take a look at their published version of the content.</p>
<p>Here is how an H2 Headline looks on this blog currently, without any additional special CSS that you would expect for special things like post titles.</p>
<p><img id="image166" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h2-subheadine-andybeard.jpg" alt="H2 Headline on AndyBeard" /></p>
<p>This is how an H3 Headline currently looks on this blog</p>
<p><img id="image167" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h3-subheadine-andybeard.jpg" alt="H3 Headline on AndyBeard" /></p>
<p>There is a slight difference but very small.</p>
<p>However I have made a tough decision today</p>
<h3>Stop Using H2 For Subheadlines Within Posts</h3>
<p>At least only use them for very short headlines for a specific emphasis.</p>
<h3>Why H2 Headlines are Bad</h3>
<p>A huge and growing proportion of blog readers are subscribers, and their first impression of each piece of your content is within their feed reader.</p>
<p>How your content is displayed is in the hands of the feedreader developers.</p>
<p>First of all I should note that this does not affect post titles. They are universally handled in a different way.</p>
<p>Here is what I saw today that helped me  </p>
<p>Here is what H2 titles can look like in the <a href="http://www.feedburner.com">Feedburner</a> management screen</p>
<p><img id="image169" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h2-subheadine-feedburner.jpg" alt="H2 Headline on Feedburner" /></p>
<p>Here is what H3 titles can look like in the Feedburner management screen</p>
<p><img id="image170" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h3-subheadine-feedburner.jpg" alt="H3 Headline on Feedburner" /></p>
<p>Now it should be noted that view of my RSS feed <strong>is never seen by the public</strong>. However I have seen many sites that use H2 headings that large.</p>
<h3>Feed Readers</h3>
<p>Let&#8217;s take a look at how this looks in Google reader</p>
<p>H2 Headlines in <a href="http://reader.google.com" rel="nofollow">Google Reader</a></p>
<p><img id="image171" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h2-subheadine-googlereader.jpg" alt="H2 Headline on Google Reader" /></p>
<p>H3 Headlines in <a href="http://reader.google.com" rel="nofollow">Google Reader</a></p>
<p><img id="image172" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h3-subheadine-googlereader.jpg" alt="H3 Headline on Google Reader" /></p>
<p>H2 Headlines in <a href="http://andybeard.eu/Recommends/Pageflakes.html">Pageflakes</a></p>
<p><img id="image173" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h2-subheadine-pageflakes.jpg" alt="H2 Headline on Pageflakes" /></p>
<p>H3 Headlines in <a href="http://andybeard.eu/Recommends/Pageflakes.html">Pageflakes</a></p>
<p><img id="image174" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h3-subheadine-pageflakes.jpg" alt="H3 Headline on Pageflakes" /></p>
<p><a href="http://andybeard.eu/Recommends/Pageflakes.html">Pageflakes</a> handle H2 by adding a page wide underscore and additional space under the headline rather than a massive increase in display size compared to H3.</p>
<p>Lets take a look at H2 in <a href="http://www.bloglines.com">Bloglines</a></p>
<p><img id="image175" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h2-subheadine-bloglines.jpg" alt="H2 Headline on Bloglines" /></p>
<p>Here is Bloglines H3 Headline</p>
<p><img id="image176" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h3-subheadine-bloglines.jpg" alt="H3 Headline on Bloglines" /></p>
<p>It should be noted that Bloglines alternates backgrounds for the posts.</p>
<p>Bloglines differentiates H2 and H3 using colour more than size, though H2 is slightly larger. It should also be noted that H3 in Bloglines looks exactly the same as a post title.</p>
<p>A reader of Bloglines would typically focus on post headlines more than content headlines, thus it is my opinion it is better to have subheadings that look like post titles.</p>
<p><strong>Want to be sneaky?</strong> I haven&#8217;t tested this but if you make every subheading a clickable link back to your original post you might have more click-troughs. To achieve this you would have to work out your post URL in advance. Hmm, another idea for my plugin list.</p>
<h3>Email</h3>
<p>Lots of people subscribe to blogs by email. In fact on many blogs this may be as many as 50% of subscribers, so it is important how your blog is presented.</p>
<p>Lets take a look at Gmail (after being sent by Feedburner)</p>
<p>This is a H2 heading</p>
<p><img id="image177" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h2-subheadine-gmail.jpg" alt="H2 Headline on Gmail" /></p>
<p>This is a h3 headline</p>
<p><img id="image178" src="http://cdn5.andybeard.name/wp-content/uploads/2006/12/h3-subheadine-gmail.jpg" alt="H3 Headline on Gmail" /></p>
<p>Feedburner in their email preferences does give you specific control of post headlines and body text. They do not give you control of other elements such as heading tags.</p>
<p>My feeling is that with a basic H2 tag in gmail, a long sub-headline is going to look very messy.</p>
<h3>Retro fixed formatting?</h3>
<p>It would be possible to use fixed font sizes for all your content, but in my opinion that is a backwards step. </p>
<h3>Conclusion</h3>
<p>It is important to think about how your content will look <strong>where your reader will read it</strong>.</p>
<p>It is my belief that H2 is more likely to be defined with an excessively large font than H3 if your content is picked up for syndication on another site.</p>
<p>Current feed reader CSS settings are such that unless you apply a custom CSS modification to your browser for a particular site, H2 could be ugly.<br />
In the case of Bloglines, there could be an advantage using H3 hyperlinks for all your subheadings, if you could work out post URLs before you publish.</p>
<p>Things like heading sizes in the content you read are subjective, but based on my own research as above, I am going to switch to using H3 headlines for most of my blog content.</p>
<div class="topsy_widget_data topsy_theme_brick-red" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fandybeard.eu%252F168%252Fheadline-formatting-in-blogs.html%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22Headline%20Formatting%20In%20Blogs%22%20%7D);"></div>


	Tags: <a href="http://andybeard.eu/tag/blogging" title="blogging" rel="tag">blogging</a>, <a href="http://andybeard.eu/tag/blogging-tips" title="blogging tips" rel="tag">blogging tips</a>, <a href="http://andybeard.eu/tag/bloglines" title="bloglines" rel="tag">bloglines</a>, <a href="http://andybeard.eu/tag/email" title="email" rel="tag">email</a>, <a href="http://andybeard.eu/tag/feed-reader" title="Feed Reader" rel="tag">Feed Reader</a>, <a href="http://andybeard.eu/tag/feedburner" title="feedburner" rel="tag">feedburner</a>, <a href="http://andybeard.eu/tag/feedreader" title="feedreader" rel="tag">feedreader</a>, <a href="http://andybeard.eu/tag/google-reader" title="google reader" rel="tag">google reader</a>, <a href="http://andybeard.eu/tag/googlereader" title="googlereader" rel="tag">googlereader</a>, <a href="http://andybeard.eu/tag/h2" title="h2" rel="tag">h2</a>, <a href="http://andybeard.eu/tag/h3" title="h3" rel="tag">h3</a>, <a href="http://andybeard.eu/tag/headings" title="headings" rel="tag">headings</a>, <a href="http://andybeard.eu/tag/headlines" title="headlines" rel="tag">headlines</a>, <a href="http://andybeard.eu/tag/html" title="html" rel="tag">html</a>, <a href="http://andybeard.eu/tag/marketing" title="marketing" rel="tag">marketing</a>, <a href="http://andybeard.eu/tag/pageflakes" title="pageflakes" rel="tag">pageflakes</a>, <a href="http://andybeard.eu/tag/rss" title="rss" rel="tag">rss</a><br />
]]></content:encoded>
			<wfw:commentRss>http://andybeard.eu/168/headline-formatting-in-blogs.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: basic
Database Caching 31/44 queries in 0.008 seconds using disk: basic
Object Caching 926/952 objects using disk: basic
Content Delivery Network via cdn5.andybeard.name

Served from: andybeard.eu @ 2012-02-13 02:49:43 -->
