Optimizing Your Frames Site for Search Engines - Basic Elements of Frames
(Page 2 of 6 )
Figure 1
First, let’s look at the layout of a website designed in frames. Frames websites are built using separate elements of the site into its own individual page. So if you have a top banner pane and a left navigation pane, as show in Figure-1, then you’ll have four pages that technically have to be rendered in a browser: the banner, the left navigation, the content, and the whole page with all the elements together, or the “frameset.” In the below examples, we’ve named these elements: “UntitledFrame-2.htm,” which is the top frame; “UntitledFrame3.htm,” which is the left navigation frame; “Untitled-2.htm,” which is the content page (the main frame); and the frameset page is titled “UntitledFrameset-4.htm”. I’ve left the basic frames pages untitled so you can see somewhat the order of how the pages are built.
Now let’s look at the code. Below is an example of the code you’d find in the frameset page. It basically tells the browser how to assemble all the pieces together.
<html>
<head>
<title>Homes for Sale, Sell Your Home with Homebody Realty</title>
</head>
<frameset rows="20%,80%">
<frame name="frameTop" src=" UntitledFrame-2.htm ">
<frameset cols="30%,70%">
<frame name="frameLeft" src=" UntitledFrame-3.htm ">
<frame name="frameMain" src=" Untitled-2.htm ">
</frameset>
</frameset>
</html>
Figure 2
Now while the page viewed in the browser will look like the picture in Figure-1, what the search engine actually sees is the code in Figure-3, just as if you were to view the source code of the page in your browser.
Figure 3
Next: Some Problems Frames Sites Present to SEO >>
More Search Optimization Articles
More By Jennifer Sullivan Cassidy
