presenter: richard merrill, autograff inc.€¦ · file and folder naming meta tags controlled and...
TRANSCRIPT
![Page 1: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/1.jpg)
Presenter: Richard Merrill, Autograff Inc.
![Page 2: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/2.jpg)
File and Folder Naming
Meta tags controlled and standardized
Semantically-rich spider searchable menus
Moving pages while preserving menus
![Page 3: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/3.jpg)
Common folder and page names:
/bv/
pers.html
/2/
vcj.php?inf=1
/diffiles/
rntf .asp
![Page 4: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/4.jpg)
/contracts/manufacture.html
/services/business.php
/insurance/liability.asp
If it’s easier for humans, it’s easier for spiders.
Human-readable system names:
![Page 5: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/5.jpg)
Metadata Set controls data entry
Template region for text block
Text block with pass-through code
Meta Tags
![Page 6: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/6.jpg)
Creating the Metadata Set
Hides meta tag fields from editors
![Page 7: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/7.jpg)
Using the Metadata SetEssential meta tags not available to editor.
Any metadata can be hidden or shown.
![Page 8: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/8.jpg)
<link href="/cms/renderfile/client/css/styles.css"media="all" rel="stylesheet" type="text/css"/>
href | media | rel | type
Elements in alphabetical order
< /> Tags created by Cascade:
![Page 9: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/9.jpg)
<html xml:lang="en"><head><meta content="application/xhtml+xml; charset=utf-8"http-equiv="content-type"/>
<system-region name="headtags"/>
<link href=”/css/styles.css" rel="stylesheet"title="global styles" type="text/css"/><script language="Javascript"src=”/files/scripts/globalmenu.js" type="text/javascript"/></head>
System Region in Head Section
![Page 10: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/10.jpg)
<!--#START-CODE<title>Title Here</title><meta name="description" content="description here"/><meta name="keywords" content="keyword list here"/>#END-CODE-->
Text block
![Page 11: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/11.jpg)
Pure CSS Dropdown Menu
Why a CSS dropdown menu?
Unordered Lists use less HTML
Formatting with XSLT
Nested lists modular
More accessible
Search spiders read easily
![Page 12: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/12.jpg)
Menu HTML
Unstructured:<a href="about.html">About</a> |<a href="services.html">Services</a> | …
Structured:<ul class="global">
<li><a href="about.html">About</a></li><li><a href="services.html">Services</a></li>
</ul>
Easily read by screen readers without access keysList gives semantic structure
![Page 13: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/13.jpg)
XSLT formatsunordered lists
<ul class=”folder"> <li><a href="about.html">About</a></li> <li><a href="services.html">Services</a> <ul class=”page">
<li><a href="plumbing.html">Plumbing</a></li> <li class=“subpage”><a href="elec.html">Electric</a> <ul class=“subfolder”> <li><a href=“design.html”>Design</a></li> <li><a href=“wiring.html”>Wiring</a></li> </ul> </li>
</ul> </li></ul>
About
Services
Plumbing
Electrical
Design
Wiring
![Page 14: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/14.jpg)
<html xml:lang="en"><head><meta content="application/xhtml+xml; charset=utf-8"http-equiv="content-type"/><system-region name="headtags"/>
<link href=”/site/css/styles.css" rel="stylesheet"title="global styles" type="text/css"/>
<script language="Javascript"src="/files/scripts/globalmenu.js" type="text/javascript"/></head>
Global Menu CSS
![Page 15: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/15.jpg)
CSS Menu basic elementsul.folder { }ul.folder li { }ul.folder li:hover { } [also on mouse-out]ul.folder li a { }
ul.page { }ul.page li { }ul.page li:hover { } [also on mouse-out]ul.page li.subpage:hover { }ul.page li.subpage a { }
ul.subfolder { }ul.subfolder li { } [also on mouse-out]ul.subfolder li a { }
![Page 16: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/16.jpg)
<html xml:lang="en"><head><meta content="application/xhtml+xml; charset=utf-8"http-equiv="content-type"/><system-region name="headtags"/><link href=”/site/css/styles.css" rel="stylesheet"title="global styles" type="text/css"/>
<script language="Javascript"src="/files/scripts/globalmenu.js"type="text/javascript"/>
</head>
IE6-Specific Javascript
![Page 17: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/17.jpg)
Nested menu structure
Global MenuLocal Menu
Submenu
Global Menu <li>
Local Menu <li>
Submenu <li>
![Page 18: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/18.jpg)
Menu Example
Go to Cascade example
![Page 19: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/19.jpg)
Flyout menu usability
Natural path
![Page 20: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/20.jpg)
Flyout menu usability
Natural pathintersects wrongdropdown item
![Page 21: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/21.jpg)
Flyout menu usability
Natural path
Required path
![Page 22: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/22.jpg)
Dropdown to include in Global Menu XSLT uses metadata set to include/not include folders/pages/links in global menu
![Page 23: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/23.jpg)
Using the Metadata SetChoose to include in global menu
(property set in folders only)
![Page 24: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/24.jpg)
Page and folderhierarchy
Basic page andfolder hierarchy:
Root folder
Main Category(global menu)
Subcategory page/ folder(local menu/dropdown)
Sub-subcategory(flyout menu)
![Page 25: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/25.jpg)
XSLT for folder order
XSLT uses file/folder/link in first position in folder as index
XSLT uses folder order to order appearance of menu items
![Page 26: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/26.jpg)
Menu and folder relationships 1
Change page name
![Page 27: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/27.jpg)
Menu and folder relationships 2
Movepage
![Page 28: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/28.jpg)
Menu and folder relationships 3
Changename,movepage
MakeReferenceto page,placein folder
![Page 29: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/29.jpg)
Menu and folder relationships 4
Wrong order
![Page 30: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/30.jpg)
Menu and folder relationships 5
Correct order
![Page 31: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/31.jpg)
Menu and folder relationships 5
Page set not to index does notdisplay in dropdown.
![Page 32: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/32.jpg)
Local menu on moved pages incorrect
Lists main category folders instead ofpages inside a category folder
![Page 33: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/33.jpg)
New Local Menu Block for one Root Page
![Page 34: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/34.jpg)
Local menu now correct
Apply page-specific block at page level:it now lists pages inside its folder
![Page 35: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/35.jpg)
File and Folder Naming
Meta tags controlled and standardized
Semantically-rich spider searchable menus
Moving pages while preserving menus
Revisited
![Page 36: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/36.jpg)
File and Folder Naming
Meta tags controlled and standardized
Semantically-rich spider searchable menus
Moving pages while preserving menus
Revisited
![Page 37: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/37.jpg)
File and Folder Naming
Meta tags controlled and standardized
Semantically-rich spider searchable menus
Moving pages while preserving menus
Revisited
![Page 38: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/38.jpg)
File and Folder Naming
Meta tags controlled and standardized
Semantically-rich spider searchable menus
Moving pages while preserving menus
Revisited
![Page 39: Presenter: Richard Merrill, Autograff Inc.€¦ · File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving](https://reader034.vdocument.in/reader034/viewer/2022051607/6036934aa81e632ef638fd4b/html5/thumbnails/39.jpg)
File and Folder Naming
Meta tags controlled and standardized
Semantically-rich spider searchable menus
Moving pages while preserving menus
Revisited
SEO goals met!