Vectors and 3D Models
Local Search - SEO
Weather Information
Get the App for Smartphones and Tablets

Go Back


WhmSoft Free Articles Directory
Free Articles for Reprint
Free Articles to Publish
Free Articles for Newsletters
Videos to Watch


Page Generation Date and Time:
03/28/2024 13:21:09

 
Free the Animation VR / AR
Play to reveal 3D images and 3D models!
Demonstration A-Frame / Multiplayer
Android app on Google Play
 
vlrPhone / vlrFilter / vlrMemos
Project of very low consumption, radiation and bitrate softphones / Multifunction Audio Filter with Remote Control / App to measure the quality of the voice!



 
 
Alexa Data
 

Go To Articles Directory Home Page

To get the current article, - See Below (at the bottom of the page) -.
For top news titles, see below.
Web sites and videos listed in this page are frequently updated.
If you find that this page is useful (quality of web sites, images and videos, ...), you can add it to your favorites.
Bookmark Page !

Tell a Friend:



With your mobile phone (WAP / I-Mode / iPhone / PDA), for free:
The Top News - http://www.whmsoft.net/services/wap/news.php
The Daily Files - http://www.whmsoft.net/services/wap/get.php
All the Directory Files - http://www.whmsoft.net/services/wap/choose.php

Web version of feeds:
Podcast Music - http://www.whmsoft.net/services/web/wpodcast.php
Daily Files - http://www.whmsoft.net/services/web/wget.php

You can play the Guitar Drum Revolution game (flash game) by following the link below:
Play Guitar Drum Revolution Game


You can play free online games (flash games) by following the link below:
Free Online Games

Play the samples below:
00228 Polar Rescue00477 Fla Jong1363 Yeti Sports 4Don T Kill KennySnowy Puzzle Islands
00228 Polar Rescue00477 Fla Jong1363 Yeti Sports 4Don T Kill KennySnowy Puzzle Islands

You can view the people (celebrities) news and the front page news (with videos, images and constant updates) by following the link below:
View Recent News
or by visiting the WhmSoft Service blog:
News Photos Slideshows


Article Keyword Videos to Watch
SEO
Click on the image to start the video.



Related Topics
Images - Links - Articles

San Francisco


Related Images



Article Category Videos to Watch
SEO
Go to the Videos Pages


Search Engine Optimizing and Accessible Flash!

Search Engine Optimizing and Accessible Flash!

One of the huge drawbacks to flash is the inaccessibility, and the hard time that search engines have in understanding flash sites (which lead to poor search rankings). Most of the recommendations designers have towards making it accessible and search engine friendly is to simply use flash sparingly and never use it to provide functional elements like navigation.

However this really limits what you can do with flash, and prevents you from taking advantage of all that flash can offer. There are many ways you can make flash accessible and search engine friendly while using it for more than simple design aspects.

The Basics -

If you feel your whole site needs to be flash, you should at least break it up into several pages and add an html sitemap. You can link to the sitemap at the bottom of every page so that search engines with then acknowledge that the other pages even exist. Another less than optimal, but acceptable method is creating an alternative text-only or html duplicate of your flash site.

I don't find either of these to be great ways to deal with flash. Instead breaking up flash elements, and having a mix of HTML and flash allows much more remote to provide accessible alternatives. Most designers will be saying “Well Duh” at this point, but I am talking about doing more than just using flash for banners or simple animation.

Most designers will tell you that using flash for navigation is an accessibility and search engine death wish. However, with new CSS methods you can now have navigation hidden behind flash. With these methods, users with flash see the bells and whistles that you spend so much time working on, and those who do not can still navigate normally (including search engines).

This is often refered to as Fharner Image Replacement, but instead of using a display: none box – it uses a span with a large text indent and overflow: hidden to hide the navigation and/or text. (developed by Mike Rundle)

CSS

#navigation {
/* FLASH DETAILS */
}

#navigation span {
text-indent: -9000px;
overflow: hidden;
display:inline;
}

HTML

<div id=”navigation”>
<object]
<!-- Flash Object -->
</object>
<span>
<a href=”index.html”>Home</a>
</span>
</div>

The drawbacks:

This will work great for those who can not run CSS, have screen readers, and search engines. However, those who do not have flash or have flash disabled it will not show the navigation by default. To work around this, we can use javascript to enable/disable the flash and text replacement. I recommend using the Flash Detection script by Dithered.com

CSS [flash.css]

#flash_hold {
}

#flash_hold span {
text-indent: -9000px;
overflow: hidden;
display:inline;
}

non-flash CSS [nonflash.css]

#flash_hold object{
display: none;
}

/* Remove the text indent, so menu is visible */

#flash_hold span {
text-indent: 0px;
}

Javascript This will make the menu visible, with only a little increase in effort for the viewer.

<script type="text/javascript" src="flash_detect.js">
//<![CDATA[
function getFlashVersion() { return null; };
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var requiredVersion = 5;
var flashVersion = getFlashVersion();

if (flashVersion > 0) {
activeCSS('flash');}

else if (flashVersion == 0) {
activeCSS('no_flash');}

else if (flashVersion == flashVersion_DONTKNOW || flashVersion == null) { activeCSS('no_flash');}
//]]>

</script>

Now we just need a Script to switch the CSS between Flash & Non-flash, this can be linked in the head tags

<link rel="alternate stylesheet" title="flash" href="flash_optimize.css" type="text/css" />
<link rel="alternate stylesheet" title="no_flash" href="no_flash.css" type="text/css" />

<script type="text/javascript">
// activeCSS: Set the active stylesheet

function activeCSS(title) {
var i, oneLink;

for (i = 0; (oneLink = document.getElementsByTagName("link")[i]); i++) {

if (oneLink.getAttribute("title") && findWord("stylesheet", oneLink.getAttribute("rel"))) {
oneLink.disabled = true;

if (oneLink.getAttribute("title") == title) {
oneLink.disabled = false;
}
}
}
}


// findWord: Used to find a full word (needle) in a string (haystack)
function findWord(needle, haystack) {
return haystack.match(needle + "\b");
}
</script>

Here is a working example of an accessible and search engine friendly page, using this technique!

http://www.3point7designs.com/seoflash


About the Author: Ross Johnson is co-founder of Ann Arbor Web Design company 3.7 Designs. He also runs a Web Success Strategies blog for designers & non-designers.




Recommended Web Site(s):

Free the Animation Game

Recommended WhmSoft Web Sites, Feeds and WAP Address:

WhmSoft Software Home Page - Software
WhmSoft Services Login Page - Music and Images
WhmSoft Moblog Home Page - Blog - Photo Gallery
WhmSoft Free Online Games Home Page - Flash Games
WhmSoft Services RSS Feed - Daily Music, Image and 3D Flash Animation
Classical Music with Drum RSS Feed - MIDI and MP3 Files
Classical Music with Drum Podcast Feed - MP3 and MP3 Files
WAP / I-Mode / PDAs - Daily Music, Image and Flash Animation

Home Pages:

WhmSoft Free Articles for Reprint Home Page
WhmSoft Services Home Page - Music and Images
Copyright (C) 2006-2024 WhmSoft - All Rights Reserved.