{"id":23976,"date":"2008-04-14T00:00:00","date_gmt":"2008-04-14T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/webmaster-tips-for-creating-accessible-crawlable-sites\/"},"modified":"2008-04-14T00:00:00","modified_gmt":"2008-04-14T00:00:00","slug":"webmaster-tips-for-creating-accessible-crawlable-sites","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/webmaster-tips-for-creating-accessible-crawlable-sites\/","title":{"rendered":"Webmaster tips for creating accessible, crawlable sites"},"content":{"rendered":"<p class=\"gargardate\">Monday, April 14, 2008<\/p>\n<p><img decoding=\"async\" class=\"attempt-right\" alt=\"T.V. Raman and Hubbell at home\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-11e9078280e7.jpg\" loading=\"lazy\"><\/p>\n<p>\n  Hubbell and I enjoying the day at our home in California. You can view my earlier post about<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/tips-for-making-information-universally-accessible\/\">accessibility<\/a><br \/>\n  for webmasters, as well as<br \/>\n  <a href=\"https:\/\/googleblog.blogspot.com\/search\/label\/accessibility\" class=\"external-link\">additional articles<\/a><br \/>\n  I&#8217;ve written for the Official Google blog.\n<\/p>\n<p>\n  One of the most frequently asked questions about<br \/>\n  <a href=\"https:\/\/labs.google.com\/accessible\/\" class=\"external-link\">Accessible Search<\/a><br \/>\n  is: What can I do to make my site rank well on Accessible Search? At the same time, webmasters<br \/>\n  often ask a similar but broader question: What can I do to rank high on Google Search?\n<\/p>\n<p>\n  Well I&#8217;m pleased to tell you that you can achieve two things with one move: critical site<br \/>\n  features such as site navigation can be created to work for all users, including our own<br \/>\n  Googlebot. Below are a few tips for you to consider.\n<\/p>\n<h2 id=\"ensure-that-all-critical-content-is-reachable\" tabindex=\"-1\">Ensure that all critical content is reachable<\/h2>\n<p>\n  To <i>access<\/i> content, it needs to be <i>reachable<\/i>. Users and web crawlers reach content<br \/>\n  by navigating through hyperlinks, so as a critical first step, ensure that all content on your<br \/>\n  site is reachable via plain HTML hyperlinks, and avoid hiding critical portions of your site<br \/>\n  behind technologies such as JavaScript or Flash.\n<\/p>\n<p>\n  Plain hyperlinks are hyperlinks created via an HTML anchor element. Next, ensure that the target<br \/>\n  of all hyperlinks (that is, <code>&lt;a&gt;<\/code> elements) are real URLs, rather than using an<br \/>\n  empty hyperlink while deferring hyperlink behavior to an <code>onclick<\/code> handler.\n<\/p>\n<p>In short, avoid hyperlinks of the form:<\/p>\n<div><\/div>\n<p>In preference of simpler links, such as:<\/p>\n<div><\/div>\n<h2 id=\"ensure-that-content-is-readable\" tabindex=\"-1\">Ensure that content is readable<\/h2>\n<p>\n  To be useful, content needs to be <i>readable<\/i> by everyone. Ensure that all important content<br \/>\n  on your site is present within the text of HTML documents. Content needs to be available without<br \/>\n  needing to evaluate scripts on a page. Content hidden behind Flash animations or text generated<br \/>\n  within the browser by executable JavaScript remains opaque to the Googlebot, as well as to most<br \/>\n  blind users.\n<\/p>\n<h2 id=\"ensure-that-content-is-available-in-reading-order\" tabindex=\"-1\">Ensure that content is available in reading order<\/h2>\n<p>\n  Having discovered and arrived at your readable content, a user needs to be able to follow the<br \/>\n  content you&#8217;ve put together in its <i>logical<\/i> reading order. If you are using a complex,<br \/>\n  multi-column layout for most of the content on your site, you might wish to step back and analyze<br \/>\n  how you are achieving the desired effect. For example, using deeply-nested HTML tables makes it<br \/>\n  difficult to link together related pieces of text in a logical manner.\n<\/p>\n<p>\n  The same effect can often be achieved using CSS and logically organized <code>&lt;div><\/code><br \/>\n  elements in HTML. As an added bonus, you will find that your site renders much faster as a result.\n<\/p>\n<h2 id=\"supplement-all-visual-content\u2014dont-be-afraid-of-redundancy\" tabindex=\"-1\">Supplement all visual content\u2014don&#8217;t be afraid of redundancy!<\/h2>\n<p>\n  Making information accessible to all does not mean that you need to &#8216;dumb down&#8217; your site to<br \/>\n  simple text. Making your content maximally redundant is critical in ensuring that your content is<br \/>\n  maximally useful to everyone. Here are a few simple tips:\n<\/p>\n<ul>\n<li>\n    Ensure that content communicated via images is available when those images are missing. This<br \/>\n    goes further than adding appropriate<br \/>\n    <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/using-alt-attributes-smartly\/\">alt attributes<\/a><br \/>\n    to relevant images. Ensure that the text surrounding the image does an adequate job of setting<br \/>\n    the context for why the image is being used, as well as detailing the conclusions you expect a<br \/>\n    person seeing the image to draw. In short, if you want to make sure everyone knows it&#8217;s a<br \/>\n    picture of a bridge, wrap that text around the image.\n  <\/li>\n<li>\n    Add relevant summaries and captions to tables so that the reader can gain a high-level<br \/>\n    appreciation for the information being conveyed before delving into the details contained<br \/>\n    within.\n  <\/li>\n<li>Accompany visual animations such as data displays with a detailed textual summary.<\/li>\n<\/ul>\n<p>\n  Following these simple tips greatly increases the quality of your landing pages for everyone.<br \/>\n  As a positive side-effect, you&#8217;ll most likely discover that your site gets better indexed!\n<\/p>\n<p class=\"byline-author\">\n  Written by<br \/>\n  <a href=\"https:\/\/emacspeak.sf.net\/raman\" rel=\"author\" class=\"external-link\">T.V. Raman<\/a>,<br \/>\n  Research Scientist<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Monday, April 14, 2008 Hubbell and I enjoying the day at our home in California. You can view my earlier post about accessibility for webmasters, as well as additional articles I&#8217;ve written for the Official Google blog. One of the most frequently asked questions about Accessible Search is: What can I do to make my [&hellip;]<\/p>\n","protected":false},"menu_order":86017,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[665],"ar_kb_etiket":[],"class_list":["post-23976","ar_kb","type-ar_kb","status-publish","has-post-thumbnail","hentry","ar_kb_kategori-blog"],"_links":{"self":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/23976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb"}],"about":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/types\/ar_kb"}],"version-history":[{"count":0,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/23976\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/26593"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=23976"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=23976"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=23976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}