|
|
| (170 intermediate revisions by 10 users not shown) |
| Line 1: |
Line 1: |
| − | <h1>WebOrganics Talk</h1>
| |
| | | | |
| − | ==10 meaningful words==
| |
| − |
| |
| − | '''Martin McEvoy''' [http://weborganics.co.uk/ WebOrganics] 07:47, 12 May 2007 (PDT)
| |
| − |
| |
| − | ===The Idea===
| |
| − |
| |
| − | To display visible Keywords similar to the ones that an author would place in the head of their document e.g
| |
| − |
| |
| − | <pre><meta name="keywords" content="your keywords,go here,separated by a comma,but not a space" /></pre>
| |
| − |
| |
| − | I'm not putting my keywords in the head of the document but in another largely ignored part of a website the footer.
| |
| − |
| |
| − | The Idea is to tag your website or blog with 10 meaningful words about your website or more precisely descriptive words about the things that relate to your website the most. A similar idea is used when you are asked to tag your blog when you add a new blog to [http://technorati.com/ technorati].
| |
| − | The hope is that if you type these 10 keywords into a search engine or directory then the result will be your website.
| |
| − |
| |
| − | Example this is what my website [http://weborganics.co.uk/ WebOrganics] has in the footer:
| |
| − |
| |
| − | <pre><ol class="xoxo">
| |
| − | <li>
| |
| − | <dl>
| |
| − | <dt>10 <a href="http://tantek.com/presentations/2005/09/elements-of-xhtml/">Meaningful</a> Words</dt>
| |
| − | <dd class="info">
| |
| − | <a href="http://www.w3.org/2001/sw/" rel="tag">Semantic</a>
| |
| − | <a href="http://www.molly.com/2005/11/14/web-standards-and-the-new-professionalism/" rel="tag">Standards</a>
| |
| − | <a href="http://www.w3.org/WAI/gettingstarted/Overview.html" rel="tag">Accessibility</a>
| |
| − | <a href="http://en.wikipedia.org/wiki/Implementation" rel="tag">Implementation</a>
| |
| − | <a href="http://microformats.org/wiki/introduction" rel="tag">Microformats</a>
| |
| − | <a href="http://www.adammathes.com/academic/computer-mediated-communication/folksonomies.html" rel="tag">Folksonomy</a>
| |
| − | <a href="http://www.rubyonrails.org/" rel="tag">Rails</a>
| |
| − | <a href="http://en.wikipedia.org/wiki/Open-source_software" rel="tag">Open</a>
| |
| − | <a href="http://en.wikipedia.org/wiki/Organic_search_engine" rel="tag">Organic</a>
| |
| − | <a href="http://en.wikipedia.org/wiki/Universal_design" rel="tag">Universal</a>
| |
| − | </dd>
| |
| − | </dl>
| |
| − | </li>
| |
| − | </ol></pre>
| |
| − |
| |
| − | I have a visible maybe new microformat '''meaningful''' in my <nowiki><dt></nowiki> tag my description term also a link to an article that explains this , the <nowiki><a></nowiki> tag's have similar links to my keywords, all the <nowiki><a></nowiki> atributes are paired with the '''<nowiki>rel="tag"</nowiki>''' microformat, the idea is that this is simple.
| |
| − |
| |
| − | ===Does it work?===
| |
| − |
| |
| − | search these 10 keywords. Semantic Standards Accessibility Implementation Microformats Folksonomy Rails Open Organic Universal
| |
| − |
| |
| − | * [http://uk.search.yahoo.com/search?p=Semantic+Standards+Accessibility+Implementation+Microformats+Folksonomy+Rails+Open+Organic+Universal/ Yahoo]
| |
| − |
| |
| − | * [http://www.google.com/search?q=Semantic+Standards+Accessibility+Implementation+Microformats+Folksonomy+Rails+Open+Organic+Universal/ Google]
| |
| − |
| |
| − | * [http://search.aol.com/aol/search?invocationType=topsearchbox.webhome&query=Semantic+Standards+Accessibility+Implementation+Microformats+Folksonomy+Rails+Open+Organic+Universal/ AOL]
| |
| − |
| |
| − | * [http://www.altavista.com/web/results?itag=ody&q=Semantic+Standards+Accessibility+Implementation+Microformats+Folksonomy+Rails+Open+Organic+Universal++&kgs=0&kls=0 AltaVista]
| |
| − |
| |
| − | * [http://www.metacrawler.com/info.metac/search/web/Semantic%252BStandards%252BAccessibility%252BImplementation%252BMicroformats%252BFolksonomy%252BRails%252BOpen%252BOrganic%252BUniversal MetaCrawler]
| |
| − |
| |
| − | * [http://www.dogpile.com/info.dogpl/search/web/Semantic%252BStandards%252BAccessibility%252BImplementation%252BMicroformats%252BFolksonomy%252BRails%252BOpen%252BOrganic%252BUniversal/ Dogpile]
| |
| − |
| |
| − | * [http://www.alexa.com/search?q=Semantic+Standards+Accessibility+Implementation+Microformats+Folksonomy+Rails+Open+Organic+Universal&x=10&y=11/ Alexa]
| |
| − |
| |
| − | * [http://www.alltheweb.com/search?cat=web&cs=iso88591&q=Semantic+Standards+Accessibility+Implementation+Microformats+Folksonomy+Rails+Open+Organic+Universal++&rys=0&itag=crv&_sb_lang=pref/ All The Web]
| |
| − |
| |
| − | * [http://www.technorati.com/blogs/Semantic+Standards+Accessibility+Implementation+Microformats+Folksonomy+Rails+Open+Organic+Universal/ Technorati Directory]
| |
| − |
| |
| − | ===Conclusion===
| |
| − |
| |
| − | Interesting points:
| |
| − |
| |
| − | * '''Meaningful''' words mean something!... do they?
| |
| − | * Can '''people''' be taged in a similar way? [http://gmpg.org/xfn/ XFN]
| |
| − | * Maybe its just a good example of [[posh]] in action.
| |
| − |
| |
| − | I know the evidence is un-conclusive but it '''is''' something to think about eh...
| |
| − |
| |
| − | ====Contact or get involved====
| |
| − |
| |
| − | <div class="vcard"><span class="fn"><span class="given-name">Martin</span> <span class="family-name"> McEvoy</span></span>
| |
| − | <span class="org">'''WebOrganics'''</span>.
| |
| − | * http://weborganics.co.uk/
| |
| − | ** <div>Email: <span class="email">info@weborganics.co.uk</span></div>
| |
| − | ** [http://suda.co.uk/projects/microformats/hcard/get-contact.php?uri=http://microformats.org/wiki/User:WebOrganics Download vCard]
| |
| − | </div>
| |
| − |
| |
| − | Want to talk more about this or maybe something new?
| |
| − | * [http://microformats.org/mailman/listinfo/microformats-new/ Join microformats-new] mailing list.
| |
| − |
| |
| − |
| |
| − | <h1>hCollection</h1>
| |
| − |
| |
| − | ==hCollection 0.0.1==
| |
| − |
| |
| − | Martin McEvoy [http://weborganics.co.uk/ WebOrganics] 09:33, 12 May 2007 (PDT)
| |
| − |
| |
| − | ===Collection===
| |
| − | Terms are:
| |
| − | * hcollection, the root of the collection
| |
| − | ** collection-title, the title of the collection
| |
| − | ** collection-type, what type of collection it is.
| |
| − | ** url, a link to the collection using <nowiki><a></nowiki> with the class attribute "url"
| |
| − |
| |
| − | <pre>
| |
| − | <div class="haudio hcollection">
| |
| − | ...
| |
| − | <div id="album">
| |
| − | <span class="role">Artist</span>:
| |
| − | <span class="contributor org">Boys Night Out</span><br />
| |
| − | <span class="collection-type">Album</span>:
| |
| − | <span class="collection-title">
| |
| − | <a class="url"
| |
| − | href="http://www.downloadpunk.com/?webaction=AlbumDetail&albumid=13202">Fifty Million People Can't Be Wrong</a>
| |
| − | </span>
| |
| − | </div>
| |
| − | ...
| |
| − | </div>
| |
| − | </pre>
| |
| − |
| |
| − | Another example
| |
| − |
| |
| − | <pre>
| |
| − | <div class="hcollection" id="s">
| |
| − | <span class="collection-title">
| |
| − | <a class="url" href="http://Stamps.com/album/">My Stamp Book</a>
| |
| − | </span>
| |
| − | </div>
| |
| − | </pre>
| |
| − |
| |
| − | ===Add to collection===
| |
| − | Add an Item to our collection terms are:
| |
| − |
| |
| − | * collection-item, this is the root element of our collection item.
| |
| − | ** item-title, This is the collection item title
| |
| − | ** item-type, what type of item it is.
| |
| − | ** url, a link to the collection item with the class attribute "url".
| |
| − | ** Use the <nowiki><a></nowiki> <nowiki>class="include"</nowiki> [[include | Include Pattern]] to include in a collection.
| |
| − |
| |
| − |
| |
| − |
| |
| − | <pre>
| |
| − | <span class="haudio collection-item">
| |
| − | <span class="item-type">Track</span> <a class="url" href="http://track1...>1</a>
| |
| − | <a href="#album" class="include"></a>
| |
| − | </span>
| |
| − | </pre>
| |
| − |
| |
| − | Another Example:
| |
| − |
| |
| − | <pre><div class="collection-item">
| |
| − | <span class="item-title">Penny Black</span>
| |
| − | <span class"item-type">Stamp</stamp>
| |
| − | </span>
| |
| − | <a class="include" href="#s"></a>
| |
| − | </div></pre>
| |
| − |
| |
| − | ===To Do===
| |
