Register
Forgot Password?
Score
-
-
-
  /100
Certificate
SEO Certificate

2.3.7 No flash, no JavaScript, no frames

Sorry, you are not logged in. Please login to get full access to this page or register if you're not registered yet.

Look at these words: flash, JavaScript, frames.

These three are so double-faced. They can make the design of your page look very nice, but quite often, for Search Engines they're as bad as broken links: just make no way to see what's on your site.

For the Robot, JavaScript, frames or flash included in a website are like direction signs on the roads, made in the ancient Greek language. They are just hardly possible to read. Search Engines keep developing, and maybe one day they'll have no problems crawling these elements, but today's definitely not that day.

So if you want the Robot to crawl your site well (and you surely do!), you need to make sure these three flash, JavaScript and frames appeal to the Robot. And, if they don't, get rid of them or back-up these "Greek" signs with signs in normal language.

But first, how do you recognize frames, flash and JavaScript?

Frames

Frames allow displaying more than one HTML document in the same browser window.
Here's an example:

Frame Site
Example of a Website with Frames

You can scroll both parts of the window independently.

If you see that your browser window's broken into one or more parts, and each one's like a separate web page, the site most likely uses frames.

So if your site has frames, you can't be sure that the Robot will crawl the pages correctly. You can rebuild your site and remove frames completely, or at least use the noframes tags. What are these? Noframes tags are special ones that help Search Engines easier crawl your page. I'm sure your webmaster knows this and will make noframes tags easily.

Flash

You just can't miss it. This is the graphic animation that's been so trendy recently, and most of the time, it's used without any purpose. (These animations are made with a tool called Macromedia Flash). If flash is used in navigational elements of your site, it does pretty much harm. Most often, web designers use flash to make an intro like this one:
http://www.freeflashintros.com/flash/downloads/intros/star-warpspace.html

Why is flash bad? Because if you have some text in it, Search Engines won't recognize it. You can make amazing flash animation, and put a fantastic message in it, and use nice links with good use of keywords... But for Search Engines it will be just a set of images, no keyword-rich content or anchor texts, and absolutely no way for the Robot to know what your site's about.

So... if you have flash embedded in your website's navigation, you've got to think it may do you harm. Discuss it with your webmaster, and maybe you need to either get rid of it or just duplicate your navigation bar without flash and place it somewhere else, for instance at the bottom of your web pages, like here:

Duplicate Links Without Flash
Text Links at the Bottom of a Page

JavaScript

First, check if your site uses JavaScript. Here's how you make a check for any webpage: open it in your web browser and choose View -> Source in the browser menu. Now use the Ctrl+F command to search for "text" like this: <script. There're several ways of how JavaScript sections may look like, but they all have these <script> and </script> tags.

So the <script> tags tell you your site's using scripts. Again, like with flash, JavaScript can be harmful if it's used in navigational elements, like different menus.

Now, ask your webmaster if your JavaScripts are used in navigation. If the answer is yes, your website's ranking is at risk. There's no guarantee that the Robot will read the scripts correctly: from my own experience, robots don't crawl 50% of JavaScript. So to avoid trouble, ask the webmaster to eliminate the harmful scripts, or at least include the noscript section. Here's a general example of this kind of section:

<script language="javascript" type="text/javascript">
   Some script
</script>
<noscript>
   Some valuable content for spiders and javascript disabled browsers.
</noscript>

DO IT NOW! Detect JavaScript, flash and frames and make sure they're not causing you trouble.

Removing flash, frames and JavaScript from your website requires special skills. Well, in theory you can do it yourself, if you're familiar with HTML. But to ensure all's done correctly, my advice is: ask your webmaster to do away with these evil things — he'll definitely solve the problems with ease.

2.3.8 Use text links instead of images

For the same reason, Search Engines don't understand texts standing on graphic links: they're like abracadabra to the Robot. And, you should always make reasonable choice between a nice button and a text link like these:

Use text links instead of graphic buttons
Examples of Buttons and Text Links

The button will look great on your page, but the robot won't read the text on it, though it can be very important. As for a text link, though it doesn't contribute much to your site's look, its text gets noticed by Search Engines' robots. Moreover, today's technologies, like DHTML or CSS, make it possible to create elements that look as great as images, but are easy to understand for Search Engines (you can check).

So try to avoid image links and replace them with normal text links, where the site's design allows it.

DO IT NOW! Check where it's possible to use text links instead of images, and replace them. After that, make these changes available on the web.

We're now almost done, testing our website for Search Engine-friendliness. Just a couple small points coming. So let's go further!

2.3.9 Remove the Welcome page

I guess you also saw a thing like this: you load a site and all you see is a picture saying something like "Welcome to this cool website". To come to the website, you need to click a link somewhere on this Welcome page.

Welcome Pages
Examples of Welcome Pages

Honestly, I hate Welcome Pages. Most Internet users hate them. And, the Robot hates them, too! Yes, even though he's a patient guy, welcome pages are getting on his nerves. And what about normal people, huh?

Making a visitor come to a Welcome Page is as weird as what I imagined now: say, you're going to Las Vegas, but before you come there, you have to stay for a day in a tiny place called "Welcome to Las-Vegas City" City, with no alcohol, no women and no casinos — and only then you can go to Las Vegas itself. Who would do that?!?

To cut it short, Welcome Pages only do harm to your website sales. So if you have a Welcome Page and there's a way to kill it, don't wait to do that.

DO IT NOW! If you have a Welcome page, and it's possible to remove it — remove it!

2.3.10 Correct HTML mistakes

I love to have a coffee at Denny's right across the street, and I know everyone there. Last week, a new girl started working there, and her accent sounded very familiar. When I asked, the girl (her name's Dana) said she's Czech. Just like my mom, you know! And — I guess I was far too confident, but I tried to speak Czech, when Dana was making me a coffee. (Yeah, I remember a couple of words from my mom.) Well, I did speak, but I just made so many mistakes the girl could barely understand me! I guess I looked so stupid!

The same thing may happen to your site. The Robot does understand his "native" HTML. But he won't like bad code.

And I'll tell you something: each page was made by a human being, so it 99% sure has mistakes. The main idea about these HTML errors is...

If you have 100% correct code, it won't add up to your rankings. But, if you don't, you may pretty well rank lower than you could, just because of the bad code. And, your SEO efforts may be just time and money down the drain.

So you'd better make your code nice. How do you know what you need to fix? Simple! A great help to all SEOs and webmasters is this free validator: http://validator.w3.org . Go to this URL, and just paste your page's address into the field you see:

Validate Your Pages
W3C Validator

Now click to Check and look at the results. You'll not only see a message of failed validation.

Validation Errors
Results in W3C Validator

Under it, you'll find a report of each and every flaw, and, what's the greatest thing of it — explanations letting you know how to fix each error.

DO IT NOW! Run a quick check with a w3c validator (http://validator.w3.org) and fix HTML of each page that is important to you! Don't forget to upload the changed file to your server.

29 comments

Add comment Hide commentsShow comments

Please log in or register to leave a comment.

2008-08-08 03:00:44: Jeremy Chatfield

Image links can work, if you use the Leahy Image Replacement Technique. This uses standard text links, but allows CSS to replace the text with a graphic. That's acceptable to SEs and accessibility people, and can make for a better looking site.

Answer
2008-08-10 15:52:35: Sonia chen

"CSS Validation Service" also have to do.
http://jigsaw.w3.org/css-validator/

Answer
2008-10-18 19:12:06: Victor Morrill

What are your thoughts on the PR in July of this year by Adobe announcing their work with the search engines regarding advances in recognizing dynamic web content and RIAs.

Answer
2008-10-20 08:18:44: Dan Richmond

@Victor:

The announced news sounded great, as this will most likely let site owners create dynamic content and increase their conversions without (supposedly) compromising their rankings. On the other hand, this will hardly change much in SERPs (in fact some possibilities for creating RIA already work, but this didn't change the SERPs much.) Those sites that're well optimized without dynamic content shouldn't worry about their rankings.

Answer
2009-04-02 15:16:22: Donna Goodman

Hi Dan,
What does one do when you are using a web site editor which has a user friendly front end, and then generates the HTML for you on the back side.

You can't get access to it or change it if it has a problem.

Any Suggestions on this one?

Donna

Answer
2009-04-03 16:27:05: Investigator Jobs

Hi,

Can anyone clarify .... I use dreamweaver cs4 to create pages via templates that have a header, footer, body and 1 rightsidebar.
Would that be considered as frames? (there are no scroll bars for the sidebar)

Also, does anyone know if using the SpryMenuBar (which I beleive is Java) is safe or a no no? I know I answered my own question however, just wondering if some Java is Friendly - such as the SpryMenuBar that comes with Dreamweaver?

Thank you

Andrew

Answer
2009-04-06 10:40:23: Dan Richmond

@Donna Goodman

The only way out I can see is to use a different website editor that gives you access to the HTML code.

@Andrew Collins

They will be considered as frames only if you use the tag somewhere in the code.

Frankly, I'm not familiar with the SpryMenuBar, maybe you should try asking this question on some Dreamweaver related forums.

Answer
2009-05-21 14:34:58: Cameron Holt

@Andrew Collins

SpryMenu is javascript based uses unordered list and list items to create the menu and style them with CSS. This is fine for your menu system for SEO as the links are still text.

Answer
2009-10-23 03:15:03: Watch Naruto Online

Yeah!avoid to put flash image.but if we still want to put it at our blog just put it at footer not at the top.our website will loading from top to footer.

but here i still need java script.if i am not mistake google adsense provided java script to view the ads at our blog,right?











Answer
2009-12-08 04:41:04: Ken Taylor

Thanks for describing what 'frames' are. I've often heard that they're not friendly to the SE's robots.

The flash issue is a tuffy. So many Internet Marketers are using Camtasia. Of course, they don't have to worry about SEO when they have over 10,000 subscribers on their mailing list.

I was hoping to use Camtasia for Mac to do affiliate marketing, do I need to really scrap this idea?

Just to reconfirm about pictures. If I'm using a picture just as a picture, then I should make sure the 'alt tag' has a relevant KW to the picture. I never use pictures as links.

Did the validation on one of my Adsense sites. Got 8 errors and 2 warnings. This is great! Showed me where they were and what I needed to do to fix them.

Whew! I have to set up a special page just for all the links that you are providing here. This Practice guide is providing great resources for making SEO easier. Nice!

Answer
2010-04-10 15:41:40: Nathon Hay

YouTube has recently developed its Closed Caption integration. You can include the text of your video in the video itself. See YouTube for more details.

Answer
2009-12-14 09:27:57: Tim Inglis

The spry widgets in dreamweaver are handy, but will only ever be useful if the person maintaining the site has dreamweaver as well. Personally, I'd rather use something like JQuery as a library and build my own functions from there.

As far as JavaScript in navigation is concerned, I agree wholeheartedly with Dan. You can use html/css to create semantically correct markup, which the Search Engine can read. Things like drop down menu's can require a tiny bit of JavaScript to make them work properly in Internet Explorer, but this doesn't affect the markup like an entire menu system built with JavaScript does.

As far as images are concerned, I use an image replacement technique which allows me to have both an image and a text link. I simply place the image in either the css element of the html markup, and then indent the text link by about 10,000 pixels, which will never appear on any screen. The added advantage is that screen readers will read the text link, but those who aren't visually impaired still have a "pretty" website to look at.

Answer
2009-12-30 05:58:11: Paul Watchorn

The validator is a real eye opener!
I ran one of the sites I made with my wysiwyg a few months ago, and it 'passed tentitivly' apparently i need to chnge some things. I tested a site that made with the updated software, and it was very happy. so I ran it on my main business site (that I have made and maintained by a UK firm) and quess what.. 3751 Errors, 1094 warning(s)

I am not having a good day, but it might explain why I don't get much traffic, the site is over 5 years old, and is 'maintained professionally'!

Answer
2010-04-10 15:42:16: Nathon Hay

Dan, You'd better run the W3C validator on your home page!

Answer
2010-04-17 13:35:19: Dan Richmond

Yup, I'm using some third-party scripts (ex. Google Analytics) causing the errors but I have reasons not to fix them ;) But thanks Nathon for taking the time to send me an alarm!

Answer
2010-05-08 17:03:54: COSTACHE DANIEL

html validator show me erros like this ,the erros is this "/" ,why as long google verification code have inside same error? google is wrong?

Answer
2010-05-12 08:33:30: Dan Richmond

Could you please give us the URL of the site in question?

Answer
2010-05-13 05:50:05: Claudiu Cheles

for @COSTACHE DANIEL: Google doesn`t need their html to be valid. They are the God of search engines. They even use on mant pages (which is categ as DONT USE).

Answer
2010-05-13 11:29:46: Dan Richmond

Google is also wrong in this case :) But no one can really do or needs to do anything about that. Another thing - try validating your site as XHTML. This "/" error is shown because your automatically detected doctype is HTML - however "/" is allowed in XHML only.

Answer
2010-05-10 02:30:11: Adeel Akhter

Kindly can you guide me about "If flash is used in navigational elements of your site" . Over here what is meant by navigational elements? More over kindly tell me when we include the noscript section, what does it actually means? is it something like a language which can help robot to detect and crawl on our site? More over while explaining to webmaster do i need to give him further details or just telling him to include the noscript section in the web pages is enough??

Answer
2010-05-10 03:37:00: Thomas Kampling

Adeel, I am bored about your questioning all over again, implementing that you are at the wrong stage of learning here. First you should learn about the basic techniques of Websitedesign and HTML.
This is SEO (Searchengine- Optimization), the last stage of optimizing and promoting websites. It a comlex theme, where you cannot always go back to explain what a navigational element is.
You could check out some training videos at Lynda.com f.e.
I think noone here will take you by the hand and guide you through every part, answering confused questions.
Sorry, but thats the truth.

Answer
2010-05-10 04:07:35: Adeel Akhter

:) well thanks for guiding me that i need to learn some HTML too

Answer
2010-05-11 08:46:15: COSTACHE DANIEL

looks as my question was not important at all or u answer just for your friends.
cool

Answer
2010-05-13 05:47:30: Claudiu Cheles

you are wrong about Flash. Now "all" flash website`s are indexed by Google (because they have a partn with Adobe).

Answer
2010-05-13 11:30:27: Dan Richmond

True. The information on that is indeed a bit outdated and we'll change it soon. Thanks for pointing out!

Answer
2010-05-17 05:14:16: Donna Matrix

Hi Dan,

When you have only your navigation in javascript, do you then put all the words of your navigation into the noscript tag in a list (just for the sake of the spiders getting to it and picking up the important words) or is it better to focus on the website visitors and write "Your browser does not support javascript" or a bit of both "Your browser does not support javascript, this is the list of navigation options: Services, Products, etc".

Answer
2010-05-28 08:26:27: Dan Richmond

The second option, doubling the javascript navigation with the plain one, sounds better.

Answer
2010-07-14 13:44:45: Digi Fotograf

@2.3.10
Great work on this page and say please Ahoj to your mom and Dana from Prague :-). I think you never will look stupid if you will try talk by otherone`s language, not even so hard one like czech one is.

Cheers from Czech

Answer
2010-09-01 19:54:10: Ivo Valentinov

Very useful page!

I found 12 mistakes! OMG!

I use Java for Aweber. Is this a critical?

Answer