Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
89 changes: 47 additions & 42 deletions techniques/general/G161.html
Original file line number Diff line number Diff line change
@@ -1,33 +1,39 @@
<!DOCTYPE html><html lang="en"><head><title>Providing a search function to help users find content</title><link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"></head><body><h1>Providing a search function to help users find content</h1><section class="meta"><p class="id">ID: G161</p><p class="technology">Technology: general</p><p class="type">Type: Technique</p></section><section id="applicability"><h2>When to Use</h2>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Providing a search function to help users find content</title>
<link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove">
</head>
<body>
<h1>Providing a search function to help users find content</h1>
<section class="meta"><p class="id">ID: G161</p><p class="technology">Technology: general</p><p class="type">Type: Technique</p></section>
<section id="applicability">
<h2>When to Use</h2>
<p>All technologies that include forms.</p>
</section><section id="description"><h2>Description</h2>
</section>
<section id="description">
<h2>Description</h2>
<p>Providing a search function that searches your web pages is a design strategy that offers users a way to find content. Users can locate content by searching for specific words or phrases, without needing to understand or navigate through the structure of the website. This can be a quicker or easier way to find content, particularly on large sites.</p>
<p>Some search companies offer sites free access to their search applications. Search engines are available that can be installed on your own server. Some web hosting companies offer search scripts that customers can include on their web pages. Most services also offer paid versions of their tools with more advanced features.</p>
<p>Implementing a search function that will spell-check the terms, include different endings for the terms (stemming), and allow for the use of different terminology (synonyms) will further increase the accessibility of the search function.</p>
<p>The search functionality is added by either including a simple form on the web page, usually a text field for the search term and a button to trigger the search or by adding a link to a page that includes a search form. The search form itself must be accessible, of course.</p>
<p>Techniques that are used to optimize search engine results for external searches also support internal search engines and make them more effective: use keywords,

META

tags, and an accessible navigation structure. Search sites provide guidance on how to create content that is optimized for search, for instance

<a href="https://support.google.com/webmasters/answer/35769">Google Webmaster Guidelines</a>, and
<a href="https://help.yahoo.com/kb/search/SLN2245.html?impressions=true">Yahoo! Search Content Quality Guidelines</a>.</p>
</section><section id="examples"><h2>Examples</h2>
<p>Techniques that are used to optimize search engine results for external searches also support internal search engines and make them more effective: use keywords, META tags, and an accessible navigation structure. Search sites provide guidance on how to create content that is optimized for search, for instance <a href="https://support.google.com/webmasters/answer/35769">Google Webmaster Guidelines</a>, and <a href="https://help.yahoo.com/kb/search/SLN2245.html?impressions=true">Yahoo! Search Content Quality Guidelines</a>.</p>
</section>
<section id="examples">
<h2>Examples</h2>
<section class="example">
<h3>A Shopping Site</h3>

<p>A shopping site organizes its products into different categories, such as women's clothes, men's clothes, and children's clothes. These have subcategories, such as tops, pants, shoes, and accessories. Each page also contains a search form. Users can type the product number or product description into the search field and go directly to that product, rather than needing to navigate the product categories to find it.</p>

</section>
<section class="example">
<h3>A Help Center</h3>

<p>A Help Center contains thousands of pages of Help information about a company's products. A search form allows users to search just the Help Center pages to find articles that contain the search terms.</p>

</section>
</section><section id="tests"><h2>Tests</h2>
<section class="procedure"><h3>Procedure</h3>
</section>
<section id="tests">
<h2>Tests</h2>
<section class="procedure">
<h3>Procedure</h3>
<ol>
<li>Check that the web page contains a search form or a link to a search page</li>
<li>Type text into the search form that occurs in the set of web pages</li>
Expand All @@ -36,32 +42,31 @@ <h3>A Help Center</h3>
<li>Check that the user is taken to a page that contains a list of links to pages containing the search term</li>
</ol>
</section>
<section class="results"><h3>Expected Results</h3>
<section class="results">
<h3>Expected Results</h3>
<ul>
<li>Check #1 is true, and either Check #4 or Check #5 is true.</li>
</ul>
</section>
</section><section id="related"><h2>Related Techniques</h2><ul>
<li><a href="../general/G63">G63</a></li>
<li><a href="../general/G64">G64</a></li>
<li><a href="../general/G125">G125</a></li>
<li><a href="../general/G126">G126</a></li>
</ul></section><section id="resources"><h2>Resources</h2>

<ul>
<li>
<a href="http://webdesign.about.com/od/administration/a/aa091399.htm">Searching Your Site</a>
</li>
<li>
<a href="http://www.bravenet.com/webtools/search2/">Bravenet Site Search</a>
</li>
<li>
<a href="http://www.freefind.com/">FreeFind</a>
</li>
<li>
<a href="https://www.google.com/cse/">Google Custom Search Engine</a>
</li>

</ul>

</section></body></html>
</section>
<section id="related">
<h2>Related Techniques</h2>
<ul>
<li><a href="../general/G63">G63</a></li>
<li><a href="../general/G64">G64</a></li>
<li><a href="../general/G125">G125</a></li>
<li><a href="../general/G126">G126</a></li>
</ul>
</section>
<section id="resources"><h2>Resources</h2>
<ul>
<li>
<a href="http://www.freefind.com/">FreeFind</a>
</li>
<li>
<a href="https://www.google.com/cse/">Google Custom Search Engine</a>
</li>
</ul>
</section>
</body>
</html>