A web page title does not appear anywhere in your page, except in the browser title bar, as in the text “Web Overview < Product Information | Microsoft Expression” that appears in the following screenshot:

The title of a page appears only in the browser’s title bar

Despite the low profile of the page title, major search engines do use the content in your <title> tags to help determine the relevance of your page to a user’s search. So if your web pages have generic titles such as “Home”, “Photos”, “Calendar” which do not contain terms that are unique to your site, nor terms that your target users are searching for, you are losing out on one of the simplest ways to increase the search ranking of pages in your site.

For example, let’s consider this site I created by using the Organization 2 site template in Expression Web for the fictitious Blue Bells Girls Soccer Club.

Generic page titles do not help users find your site

Naturally, I want this site to be easily found by girls, parents, and educators in the Pacific Northwest who are interested in soccer and team sports for girls. The placeholder page titles that the site template generated include Home, Photo Gallery, News, Information Links, Frequently Asked Questions, Contact, and Calendar of Events. These titles do not provide any details about the unique content of my site and won’t help my target audience find my site.

Instead of the title Home, a better title for the homepage is “Blue Bells Girls Soccer Club – Seattle and King County”. This new title increases the chance that users searching for “Seattle girls soccer”, “King county soccer”, etc. will find my site.  But be careful of producing “web spam”. If search engines notice an excessive number of keywords in your title, they may lower your page ranking if they determine you are overstuffing your page title with keywords. From the Bing Webmaster Center Blog:

Stuffing in less visible areas of the page. Placing repeated keywords in less visible areas of a page, such as at the bottom of the page, in links, in Alt text, and in the title tag, can be indicative of web spam.

If you use Expression Web, the program provides a number of ways to help you efficiently review and edit your page titles, including the file Properties dialog, the Page Properties dialog, the Find panel, and my favorite: the sometimes elusive Title column in the Folders view of a site. I’ll cover each method next, starting with my favorite.

Edit page titles in the Folders site view

My favorite method, and by far the easiest method to efficiently review the titles of all pages in your site, is to use the Title column in the Folders view of your site. Click the Site View tab and if it’s not already selected, click Folders at the bottom of the Site View.

Make sure you can see the Title column

Note: If you do not see a Title column next to the Name column, as shown in the previous screenshot, then use the following steps to display the Title column.

1. With your site open in Expression Web, choose Site > Site Settings. In the Site Settings dialog, make sure there is a check next to the option Maintain the site using hidden metadata files, and click OK.
2. Quit Expression Web.
3. In Windows Explorer, locate the root folder of your website.
4. Right-click any HTML file in the site, and click Edit with Microsoft Expression Web. Expression Web opens and displays the page you right-clicked.
5. Click on the Site View tab and the Folders button at the bottom of the site view.

You can edit the title in the Folders view: just click the title you want to edit, wait a second, and then click the title again to get into editing mode, and type your new title.

Edit a title directly in the Title column

That’s fine and dandy, but it’s not especially efficient to navigate in and out of all your site folders in order to review each of the page titles in your site. Instead, select View > Site > Files > All Files to list all of your site files in a single list.

View all files in a single list

To group your HTML pages together so they are not mingled in the list with other files in your site, click the Type column’s heading to sort the list by file type. Now you can efficiently review all of your page titles and quickly edit them in this view if desired.

Click the Type column to sort your site files by file type

Edit titles in the file Properties dialog box

This is a quick way to edit a page title without opening the page. In the Folder List panel, right click a web page and click Properties.

Right-clicking a file in the Folder List panel

The file Properties dialog box opens and enables you to edit the Title for the page.

The file Properties dialog

Edit web page titles in the Page Properties dialog box

To edit the title of a page you already have open in Expression Web, you obviously can edit the <title> tags by using the Code view of your page. Perhaps less obvious, and safer for those of you that are prone to code view typos, you can also edit the page title, as well as other important page properties, in the Page Properties dialog by choosing File > Properties while a page is open.

Edit the page title, description, and keywords

Review pages titles by using the Find panel

The Find command and Find panel enable you to find and review all <title> tags in your site.

1. Choose Edit > Find.
2. In the Find and Replace dialog box, on the Find tab, in the Find what box, type <title>. Under Find where, select All pages. Under Advanced, select Find in source code, and then click Find All.

Search for <title> tags in all pages in your site

Double-click any search result to open the associated page. Alternatively, you can right click a search result in the Find panel and click Go to Page to select the page in the Folder List panel.

Use the Find panel to find all instances of the <title> tag in your site

Editing the content of your page titles to ensure they’re uniquely relevant to your site’s subject matter and to search terms your target audience will likely use is one step towards increasing your site’s search ranking. For more SEO guidance, check out these links:

• Google’s Search Engine Optimization (SE)) documentation: https://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=35291
• Google’s PDF-based Search Engine Optimization Starter Guide
• Bing’s Guidelines for successful indexing

Web developers are naturally motivated to kill IE 6 primarily because it would make their jobs much easier.  At the same time, the phrase “job security” always comes to mind when I hear web developers complain about this or that browser quirk they have to troubleshoot in order to perfect their client’s website. If getting a website to look consistently across multiple browsers was as easy as web developers wish, the job market for developers might shrivel up! ;)

Out of curiosity I opened that CNN article in SuperPreview, comparing the page as it appears in FireFox 3 with the page as it appears in IE 6, to see how well the CNN web developers did in accounting for IE 6 readers. Pretty darn good. The content is all readable, that’s most important, but there are big shifts in the layout; guess it’s time to get back to work CNN web developers!

In case you’re wondering, the title of this post is inspired by a quote in that CNN article from a post by Mark Trammel of Digg, which reads “Giving them a message saying, “Hey! Upgrade!” in this case is not only pointless; it’s sadistic.”  True, true …

I learned about the song while watching So You Think You Can Dance . Do not judge me! :)

Get your copy here: https://www.statesrightsrecords.com/

One of many cool things about the gallery is that you can select a friendly URL name for your contribution and it’s instantly generated. I chose LoremIpsum because I contributed a code snippet that enables Expression Web users to easily insert up to five paragraphs of Latin lorem ipsum filler text into their page.

Here’s the URL of my contribution:

https://gallery.expression.microsoft.com/LoremIpsum

The following is a cropped screenshot of my code snippet page in the Gallery. As you can see, when you’re logged into the site, you can continue to edit, unpublish, or delete any contribution you make to the Gallery. They even provide download statistics:

The Description area at the bottom is where I provide instructions for Expression Web (versions 1 and 2) users to use the Code Snippet. I’ll repeat those instructions here with additional illustrations.

Adding the Lorem Ipsum code snippet to Expression Web (either versions 1 or 2)

This code snippet adds five new snippets to the list of Code Snippets in Expression Web 1 or 2. The snippets enable you to insert one to five paragraphs of lorem ipsum Latin filler text which you can use as a placeholder for content in your web pages.

Here’s how the new code snippets appear within the Code Snippets list in Expression Web after you’ve installed them:

To add this Code Snippet to Expression Web, do the following:

1. Download the ZIP file from this page and then extract the file. You should have a file named LoremIpsumLatinFillerText.xml .
   
2. Copy the LoremIpsumLatinFillerText.xml file to one of the following locations on your computer, depending on your operating system:
   
   
   • Windows XP:
     C:\Documents and Settings\[your windows user name]\Application Data\Microsoft\Expression\[your version of Expression Web: Web Designer | Web 2]\Snippets
     
   • Windows Vista:
     C:\Documents and Settings\[your windows user name]\AppData\Roaming\Microsoft\Expression\[your version of Expression Web: Web Designer | Web 2]\Snippets
     
3. In Expression Web, open a web page, go to the Code view and put your cursor where you want the lorem ipsum text to appear, and press CTRL + ENTER. A list of code snippets should appear, like this:
   

   Type lorem to jump to the lorem ipsum code snippets in the list, and then double click the code snippet that you want.

To learn how to create your own Code Snippet for Expression Web, see this post of mine:

Creating a "content" snippet

https://giveupandusetables.com/

( Thanks to Janko Jovanovic for making me aware of this site )

Auto Tuning from Casey Donahue on Vimeo

https://vimeo.com/3718294

https://www.saveie6.com/

:)

Rather than repeat what others have already written about so far, I'll just post links to their reviews and our articles on SuperPreview:

https://www.sitepoint.com/blogs/2009/03/19/microsoft-superpreview-website-tester/

https://www.webdesignerdepot.com/2009/03/microsoft-announces-superpreview-for-ie-browser-testing/

https://www.istartedsomething.com/20090318/expression-web-superpreview-cross-browser-testing/

https://blogs.msdn.com/xweb/archive/2009/03/18/superpreview-technology.aspx

https://blogs.msdn.com/xweb/archive/2009/03/18/Microsoft-Expression-Web-SuperPreview-for-Windows-Internet-Explorer.aspx

https://expression.microsoft.com/en-us/dd565874.aspx

https://www.designisphilosophy.com/microsoft-expression-web/introducing-expression-web-superpreview-cross-browser-testing-at-your-fingertips-20090318/

Video interview with Erik Saltwell from the Microsoft Expression Web team:

https://visitmix.com/News/Expression-Web-SuperPreview

Download the free public BETA version of SuperPreview here:

https://download.microsoft.com/download/5/6/8/568F0D28-0434-4794-B7FC-FB293BCC98FB/SuperPreview_Trial_en.exe

Gee, I was playing the flute in marching band when I was their age, not forming a global media company!