Chapter 6. SE-Friendly HTML and JavaScript

In a perfect world, a web site's presentation details would not affect its search engine rankings more so than it affects a human visitor's perception of value — his "rankings." Relevant content is what users are after, and the goal of a search engine is to provide it. In this perfect world, web pages that contain the same information would rank similarly regardless of the on-page technologies used in their composition.

Unfortunately, in many cases, quite the opposite is true. Using Flash or AJAX to present information, for example, may render much of your web site invisible to search engines. Likewise, using JavaScript-based links for navigation may bring about the same unfortunate result.

The good news, however, is that applying a deep understanding of these presentation concerns will yield an advantage for you over other web sites that exhibit more naiveté. This chapter explores these concerns. It provides solutions and outlines best practices for web site content presentation.

By the end of this chapter you will acquire knowledge that will enable you to use on-page technologies effectively without detriment to search engine rankings. This chapter teaches you how to:

  • Implement SE-friendly JavaScript site functionality.

  • Generate crawlable images and graphical text using two techniques.

  • Improve the search engine friendliness of your HTML.

  • Analyze when and how to use AJAX and Flash in your web site.

Overall Architecture

Before diving into gory technical ...

Get Professional Search Engine Optimization with ASP.NET: A Developer's Guide to SEO now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.