Here's what I call my SmartFrames layout
that I specially developed to address all of the problems described on the previous page
It features the following:
- It uses META tags and the
noframes element in the frameset document to help search engines index your site.
Here's what it looks like
Here's the whole magilla packed into a zipfile that you can download
. (Need a zipfile utility? Try EasyZip
This layout is a replica of the basic frame layout
discussed in detail in my tutorial on Using Frames for Layout
except that instead of using H. G. Wells War of the Worlds
as the content, I just provide a brief description of the SmartFrames
Here's a quick rundown on what you need to know to make the SmartFrames
layout work for you...
To Help Search Engines Index Your Site
To help search engines index your framed web site, you'll need to use META tags and the
element. These are described below:
In the SmartFrames layout these are already inserted for you. You'll have to edit some values, however, so that they apply to the content of your site. Open up the HTML source of the frameset document (
) in a text editor and near the top you'll see the following lines of code:
<META NAME="description" CONTENT="A brief description of your website goes here...">
<META NAME="keywords" CONTENT="A, comma-separated, list, of, keywords, and, key phrases, relevant to your website content, goes, here">
Replace the parts highlighted in red with the appropriate text (self explanatory).
Hang on a second. You're not finished yet. Now you'll need to fill in the
tags. Scroll to the bottom of
to find these lines of code:
<noframes>THIS WEBSITE IS ABOUT...<br><br>
<a href="menu.htm">Site Menu</a>
THIS WEBSITE IS ABOUT...
" with a little more verbose description of what your website is about and replace
with the name of the framesource document you intend to load into the menu frame (it's easier to just call it
and be done with it).
element is officially used to provide a reasonable facsimile of your framed page to browsers that don't support frames. However, here in the 21st century, this is rarely an issue since a vast majority of browsers now support frames.
Many search engines, on the other hand, don't care if you're using frames or not and are only scanning your HTML documents looking for visible text
and hyperlinks (of which a basic frameset document contains neither) to use to index your site. To remedy this, you can use the
tags (usually just before the last
end tag) to provide them with content to read and a link to your site menu to access the rest of your site.
You may not want to use
// REPLACE menu.htm WITH YOUR MENU PAGE
// REPLACE page1.htm WITH YOUR INITIAL CONTENT PAGE
menuURL = "menu.htm";
contentURL = "page1.htm";
In the example above, the parts you edit are highlighted in red. All you have to do is:
menu.htm with the file name of your menu page frame source document.
page1.htm with the file name of your initial content page frame source document.
All other content pages supplied with the SmartFrames zipfile download
can have their file names changed to whatever you like and they will still function with all the SmartFrames
Creating Additional Content Pages
If you wish to create additional content pages for your SmartFrames
Copy-and-paste the following code into the
To automatically insert a hyperlink that can be used to open up the bookmark dialog, copy-and-paste the following code into the
tags (ideally right after the start
To automatically insert the proper URL to your content page (to help users who wish to email links), copy-and-paste the following code into the
tags (ideally right before the end
* * *
If you have any problems or further questions about the SmartFrames
layout, don't hesitate to contact me
Overwhelmed by all it takes to make a functional and user friendly frame layout? You might want to try SSI: An Alternative to Frames...