<?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>Konstruktors&#187; semantics</title>
	<atom:link href="http://konstruktors.com/blog/tag/semantics/feed/" rel="self" type="application/rss+xml" />
	<link>http://konstruktors.com</link>
	<description>Web Design, WordPress and Performance Services</description>
	<lastBuildDate>Fri, 10 Feb 2012 00:09:53 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4-alpha-19894</generator>
	<atom:link rel='hub' href='http://konstruktors.com/?pushpress=hub'/>
		<item>
		<title>Semantics of Article Headline and&#160;Byline</title>
		<link>http://konstruktors.com/blog/web-design/1779-semantics-of-article-headline-and-byline/</link>
		<comments>http://konstruktors.com/blog/web-design/1779-semantics-of-article-headline-and-byline/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 00:24:36 +0000</pubDate>
		<dc:creator>Kaspars</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[semantics]]></category>

		<guid isPermaLink="false">http://konstruktors.com/blog/?p=1779</guid>
		<description><![CDATA[Can you think of any reason why placing article credits before the headline, like this: &#60;p&#62;August 18, 2009 by Author Name&#60;/p&#62; &#60;h1&#62;Title of the Post&#60;/h1&#62; &#60;p&#62;Post body goes here.&#60;/p&#62; is semantically worse than moving credits after the title: &#60;h1&#62;Title of the Post&#60;/h1&#62; &#60;p&#62;August 18, 2009 by Author Name&#60;/p&#62; &#60;p&#62;Post body goes here.&#60;/p&#62; Related posts CSS [...]]]></description>
			<content:encoded><![CDATA[<p>Can you think of any reason why placing article credits before the headline, like this:</p>
<pre>&lt;p&gt;August 18, 2009 by Author Name&lt;/p&gt;
&lt;h1&gt;Title of the Post&lt;/h1&gt;
&lt;p&gt;Post body goes here.&lt;/p&gt;</pre>
<p>is semantically worse than moving credits after the title:</p>
<pre>&lt;h1&gt;Title of the Post&lt;/h1&gt;
&lt;p&gt;August 18, 2009 by Author Name&lt;/p&gt;
&lt;p&gt;Post body goes here.&lt;/p&gt;</pre>
<h4>Related posts</h4><ol>
<li><a href='http://konstruktors.com/blog/web-design/1159-css-imports-suck/' rel='bookmark' title='CSS @Imports&nbsp;Suck'>CSS @Imports&nbsp;Suck</a></li>
<li><a href='http://konstruktors.com/blog/design/1032-design-on-april-2009/' rel='bookmark' title='Design on April&nbsp;2009'>Design on April&nbsp;2009</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://konstruktors.com/blog/web-design/1779-semantics-of-article-headline-and-byline/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cite, Quote and&#160;Twitter</title>
		<link>http://konstruktors.com/blog/web-design/914-cite-quote-and-twitter/</link>
		<comments>http://konstruktors.com/blog/web-design/914-cite-quote-and-twitter/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 18:58:15 +0000</pubDate>
		<dc:creator>Kaspars</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[semantics]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://konstruktors.com/blog/?p=914</guid>
		<description><![CDATA[Why doesn&#8217;t twitter use &#60;cite&#62; tag for all @replies and &#60;blockquote&#62; for the actual content? It would make things more semantic. Suggestion Currently tweets have the following HTML structure: &#60;li id="status_ID" class="hentry status u-username"&#62; &#60;span class="status-body"&#62; &#60;span class="entry-content"&#62;Here goes the tweet with an awesome link to an awesome website&#60;/span&#62; &#60;span class="meta entry-meta"&#62; &#60;a class="entry-date" rel="bookmark" [...]]]></description>
			<content:encoded><![CDATA[<p>Why doesn&#8217;t twitter use <code>&lt;cite&gt;</code> tag for all @replies and <code>&lt;blockquote&gt;</code> for the actual content? It would make things more semantic.<span id="more-914"></span></p>
<h3>Suggestion</h3>
<p>Currently tweets have the following HTML structure:</p>
<pre>&lt;li id="status_ID" class="hentry status u-username"&gt;
&lt;span class="status-body"&gt;
	&lt;span class="entry-content"&gt;Here goes the tweet with an awesome link to an awesome website&lt;/span&gt;
	&lt;span class="meta entry-meta"&gt;
		&lt;a class="entry-date" rel="bookmark" href="http://domain/username/status/ID"&gt;
			&lt;span class="published"&gt;about 16 hours ago&lt;/span&gt;
		&lt;/a&gt;
		&lt;span&gt;from &lt;a href="http://twittertool.url"&gt;twittertool&lt;/a&gt;&lt;/span&gt;
	&lt;/span&gt;
&lt;/span&gt;
&lt;/li&gt;</pre>
<p>and now the semantic way:</p>
<pre>&lt;blockquote id="status_ID" class="u-username" cite="http://domain/username/status/ID"&gt;
	&lt;p&gt;Here goes the tweet with an awesome link to an awesome website&lt;/p&gt;
	&lt;cite&gt;&lt;a rel="bookmark" href="http://domain/username/status/ID"&gt;2012.01.01 13:45&lt;/a&gt;&lt;/cite&gt;
	&lt;span&gt;from &lt;a href="http://twittertool.url"&gt;twittertool&lt;/a&gt;&lt;/span&gt;
&lt;/blockquote&gt;</pre>
<h4>Related posts</h4><ol>
<li><a href='http://konstruktors.com/blog/random-musings/2122-coincidence/' rel='bookmark' title='Coincidence'>Coincidence</a></li>
<li><a href='http://konstruktors.com/blog/free-software/1424-member-of-free-software-fundation/' rel='bookmark' title='Member of the Free Software&nbsp;Fundation'>Member of the Free Software&nbsp;Fundation</a></li>
<li><a href='http://konstruktors.com/blog/media-publishing/396-what-makes-a-great-journalist/' rel='bookmark' title='What Makes a Great&nbsp;Journalist'>What Makes a Great&nbsp;Journalist</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://konstruktors.com/blog/web-design/914-cite-quote-and-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logos and Names Are Not&#160;Headings</title>
		<link>http://konstruktors.com/blog/web-design/31-logos-names-are-not-h1-headings/</link>
		<comments>http://konstruktors.com/blog/web-design/31-logos-names-are-not-h1-headings/#comments</comments>
		<pubDate>Tue, 13 Nov 2007 04:15:39 +0000</pubDate>
		<dc:creator>Kaspars</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[semantics]]></category>
		<category><![CDATA[suggestion]]></category>

		<guid isPermaLink="false">http://konstruktors.com/blog/understanding-web/31-logos-names-are-not-h1-headings/</guid>
		<description><![CDATA[It is a common trend among many web designers and developers to use h1 tag for a logo of a website. Although such decision has no impact on the visual presentation of the content, it drastically diminishes the semantic power of h1 tag. Every page on the web can be viewed as a single document. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" src="http://konstruktors.com/wp-content/uploads/2007/11/illustration-logo-h1.png" alt="Illustration: Logo is not h1" width="111" height="223" /> It is a common trend among many web designers and developers to use <code>h1</code> tag for a logo of a website. Although such decision has no impact on the visual presentation of the content, it drastically diminishes the semantic power of <code>h1</code> tag.</p>
<p>Every page on the web can be viewed as a single document. Hypertext enables linking and organizing them into groups and sets, which requires that each document has a clear purpose and structure.</p>
<p>Domain names are unique identifiers of those different groups of documents and are the broadest description of their content. Therefore usually they already include the name of a business, person or product (I will refer to them as ‘logos’).<span id="more-31"></span></p>
<p>Overall there are three definite ways to describe the unique content of each page:</p>
<ol>
<li>URL of a document,</li>
<li><code>&lt;title&gt;</code> tag in the header of a document, and</li>
<li><code>&lt;h1&gt;</code> tag as a part of a document.</li>
</ol>
<p>Usually both URL and <code>&lt;title&gt;</code> tag already contain the name of a logo, therefore it is unnecessary to include it in every page as the most general description of that particular document.</p>
<p>Good example would be a news site, such as <a href="http://news.bbc.co.uk/">news.bbc.co.uk</a> which already has the logo and the most important keyword ‘news’ included in the URL. Although ‘news’ is a subdomain of bbc.co.uk, it clearly describes the content that can be expected.</p>
<p>The <code>&lt;title&gt;</code> tag should be more descriptive of the kind of ‘news’ this website is to offer. Currently news.bbc.co.uk uses ‘News Front Page’ which could be definitely improved to better describe the content of the ‘Front Page’.</p>
<p>For blogs and business websites the <code>&lt;title&gt;</code> tag should include a name and a slogan or a short description of the organization or person. Front page is the only place where the logo could be marked-up using <code>&lt;h1&gt;</code> tag because it is the entrance,  the starting point of a website.</p>
<p><a title="Global structure of HTML. Headings" href="http://www.w3.org/TR/html401/struct/global.html#h-7.5.5">According</a> to The World Wide Web Consortium (W3C):</p>
<blockquote><p>A heading element briefly describes the topic of the section it introduces. There are six levels of headings in HTML with <code>H1</code> as the most important and <code>H6</code> as the least.</p></blockquote>
<p>Every section, however, is a specific part of a website with a clear purpose and message which deserves to have a separate and descriptive title. Logo should be included at the end of a <code>&lt;title&gt;</code> tag content together with the main heading of a particular section, which also has to be a part of URL in a human readable form (not something like <code>id=123</code>).</p>
<p>Title of a book repeated before every section of a book seems unreasonable to most of us. And the web <strong>is</strong> just like a book, but with links instead of page numbers.</p>
<h4>Suggested Reading</h4>
<ul>
<li>W3C Tips for Webmasters, <a href="http://www.w3.org/QA/Tips/Use_h1_for_Title">Use &lt;h1&gt; for top-level heading</a></li>
<li>Andy Budd, <a href="http://www.andybudd.com/archives/2004/03/quick_quiz_h1s_and_logos/">Quick Quiz: H1&#8242;s and Logos</a></li>
<li>Dan Cederholm, <a href="http://www.simplebits.com/notebook/2003/09/15/simplequiz_site_and_page_titles_conclusion.html">SimpleQuiz › Site and Page Titles › Conclusion</a></li>
<li>Chris Pearson, <a href="http://www.pearsonified.com/2007/04/definitive-guide-to-semantic-markup.php">The Definitive Guide to Semantic Web Markup for Blogs</a></li>
</ul>
<h4>Related posts</h4><ol>
<li><a href='http://konstruktors.com/blog/random-musings/273-issuu-simple-intuitive-document-viewer/' rel='bookmark' title='issuu — simple and intuitive document&nbsp;viewer'>issuu — simple and intuitive document&nbsp;viewer</a></li>
<li><a href='http://konstruktors.com/blog/web-design/70-podcast-of-the-week-boagworld/' rel='bookmark' title='Podcast of the week:&nbsp;Boagworld'>Podcast of the week:&nbsp;Boagworld</a></li>
<li><a href='http://konstruktors.com/blog/design/1139-digital-britain-and-usb-flash-drives/' rel='bookmark' title='Digital Britain and USB Flash&nbsp;Drives'>Digital Britain and USB Flash&nbsp;Drives</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://konstruktors.com/blog/web-design/31-logos-names-are-not-h1-headings/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Optimize for search engines or&#160;users?</title>
		<link>http://konstruktors.com/blog/web-design/2172-optimize-for-search-engines-or-users/</link>
		<comments>http://konstruktors.com/blog/web-design/2172-optimize-for-search-engines-or-users/#comments</comments>
		<pubDate>Thu, 20 Sep 2007 17:56:29 +0000</pubDate>
		<dc:creator>Kaspars</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[semantics]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://konstruktors.com/blog/various-topics/3-optimize-for-search-engines-or-users/</guid>
		<description><![CDATA[Search engine optimization companies are spreading all over the web. They claim to optimize your website so that it comes first in the search results for whatever the people might be looking for. Well, not everything really, but for whatever you make, produce, sell or do. Who uses their services? Those who initially hired a [...]]]></description>
			<content:encoded><![CDATA[<p>Search engine optimization companies are spreading all over the web. They claim to optimize your website so that it comes first in the search results for whatever the people might be looking for. Well, not everything really, but for whatever you make, produce, sell or do.</p>
<p>Who uses their services? Those who initially hired a bad web design company to build their website. You may wonder which are those <em>bad agencies</em>, that make <em>bad</em> websites and don&#8217;t know how to put your site high in the search results. But you may also wonder, why not a single agency advertises itself as <em>we don&#8217;t know how to design proper websites but can do one for you</em> company.<span id="more-2172"></span></p>
<p>There are certain standards and good practices for building websites, and many <em>designers</em> don&#8217;t know about them. It is to say that not everything is the same that looks equal on the web. There might be two pages that look exactly the same to you in a web browser, but one is designed by the standards, while the other is not. They both can make a complete sense to you, but the search engines will prefer the first one over the other. Similarly, two cars that look the same, might be in fact different, if you know how to open the hood to discover the different engines they have.</p>
<h4>Content vs. the rest</h4>
<p>However, <em>content is always the king</em> on the web. If the website has a great content that people find unique, and are willing to link to from other sites, it will definitely rank high in the search results. The popularity and uniqueness of the content are the most important measures of the website&#8217;s quality. In such cases, search engines might even forgive you for not conforming to coding standards.</p>
<p>The technical performance, in essence, can&#8217;t enhance the quality and relevance of the content, but it can help search engines to appreciate it. For example, in a news site &#8212; instead of making the title of an article visually larger and bolder, you can actually tell the search engines, that <strong>it is the heading</strong> of an article (by using appropriate HTML code). And the algorithms that work beneath search engines will appreciate it and reward you for doing so.</p>
<p>Even the fragment of a text in the previous paragraph (set in bold) is emphasized technically, not only visually. The <em>ability to link</em> and <em>describe the meaning</em> of the content or mark it up in a special way, are the very basics of the hypertext and the web.</p>
<p>Essentially, search engine rankings boil down to the balance between:</p>
<ul>
<li>quality and popularity of the content,</li>
<li>organization of the content, and</li>
<li>technical representation of the content.</li>
</ul>
<h4>Understanding and improving</h4>
<p>Thus, before looking for a search engine optimization expert, you might consider the following:</p>
<ul>
<li>Should the websites be optimized for search engines or people?</li>
<li>Maybe a professional writer could improve the content (product descriptions, about us section, slogans, etc.) and make it more interesting and unique.</li>
<li>Standards aware web designer could make the code describe website&#8217;s content.</li>
<li>And probably the usability expert could improve the navigation and organization of the content.</li>
</ul>
<p>It is understandable that a lot of website owners and editors don&#8217;t know the reasons their website is not showing up in search results as desired. The truth is, all they probably need is a better copy. Spending few hours to improve it or asking a professional writer to do it might be the best solution. You, as an insider of your industry may actually know more about the phrases and keywords that people would use to search for your services. Think of them and include them into the navigation, headings and product descriptions on your website.</p>
<p>Search engine optimization is not a rocket science. It is all about people like you and me <em>googling</em> for things that interest us.</p>
<h4>Related posts</h4><ol>
<li><a href='http://konstruktors.com/blog/wordpress/667-show-ads-only-to-visitors-coming-from-search-engines/' rel='bookmark' title='Show Ads Only to Visitors Coming from Search&nbsp;Engines'>Show Ads Only to Visitors Coming from Search&nbsp;Engines</a></li>
<li><a href='http://konstruktors.com/blog/web-design/2865-how-to-add-google-site-search/' rel='bookmark' title='How to Add Simple Google Site Search to Any&nbsp;Website'>How to Add Simple Google Site Search to Any&nbsp;Website</a></li>
<li><a href='http://konstruktors.com/blog/web-design/55-standards-watch-design-observer/' rel='bookmark' title='Standards Watch: Design&nbsp;Observer'>Standards Watch: Design&nbsp;Observer</a></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://konstruktors.com/blog/web-design/2172-optimize-for-search-engines-or-users/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
