<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>WebTechWise</title> <link>http://www.webtechwise.com</link> <description>Tips and Tutorials for Bloggers and Webmasters</description> <lastBuildDate>Wed, 04 Jan 2012 13:42:10 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=</generator> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Webtechwise" /><feedburner:info uri="webtechwise" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>Webtechwise</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><title>Writing Visually: Blogging for the Internet Reader</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/SAy39MpgDdY/</link> <comments>http://www.webtechwise.com/writing-visually-blogging-for-the-internet-reader/#comments</comments> <pubDate>Mon, 30 May 2011 11:28:07 +0000</pubDate> <dc:creator>Lauren Bailey</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[Blogging]]></category> <category><![CDATA[Writing]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=6796</guid> <description><![CDATA[<img src="http://www.webtechwise.com/wp-content/uploads/2011/05/blogging-visually-134x88.jpg" alt="" title="blogging-visually" width="134" height="88" class="white" />]]></description> <content:encoded><![CDATA[<p>The internet flourishes on speed and efficiency. For this reason, bloggers have to keep their writing medium in mind in order to make a successful blog. An internet audience expects ease, speed, and instant gratification. To properly deliver to an internet audience, a blogger must think and write visually.<span id="more-6796"></span></p><p>Blog posts should be easily scannable. For the literary junkies and writing gurus out there, this may not sound terribly rewarding from the writer&#8217;s perspective. However, you must remember that blog writing is a different genre than writing prose.<br /> You are writing in a different medium and to a different audience (or at least to an audience in a different mindset). These tips and tricks will help attract the ever attention deficit audience you so longingly seek to your blog posts.</p><p class="postImg"><img class="white" title="blogging-visually" src="http://www.webtechwise.com/wp-content/uploads/2011/05/blogging-visually.jpg" alt="" width="425" height="282" /></p><h3>Write Killer Titles</h3><p>Clicking through the internet on any given webpage, an individual only chooses interesting, striking, or helpful titles to look at. The title of an article or blog post is essential to initially attracting readers.<br /> In many ways, blog titling is very similar to journalistic titling. You have to think of a gripping title that also communicates something about the article. Be unique and wacky, but also be straightforward and clear. A title that is too vague or complicated will undoubtedly be overlooked. Titles are also an important place to consider search engine optimization strategies.<br /> Try to think of a title that will rank well in a search engine search.</p><h3>Headers, Bullets, and Numbering</h3><p>These three formatting tools are the nucleus of writing visually. You have to write blogs that are easily scannable. Make it so a reader can glance over an article and get enough information from it that their interest is piqued.</p><p>By using bolded headers with bullets or numbering, your readers can easily locate the central points of your post and then reader further to gain the information they desire. Now, this may sound like I&#8217;m advising you to write something that makes people only want to scan it and not actually read it.</p><p>By creating a document that is easily scanned, you will gain more readers who actually stick around. All too often, blogger write quality content that is bunched together in one giant block of text that is just impractical to read on a computer screen. Make things easy for your readers. Break things up, keep things relatively short, and give a basic outline in the form of headers and bullets.<br /> Writing visually on the internet is key to maintaining readers throughout your entire post and to attracting readers in the first place.</p><h3>Keep Things Brief</h3><p>While page and paragraph structure are endlessly important in blog writing, so is sentence structure. Write sentences that are clear and concise, but still interesting and dynamic.<br /> This is a practice (as any writer will tell you) that you will spend your whole life trying to perfect. Writing displayed on the internet requires even more clarity. Because readers on the web are interested in constant entertainment, clear sentences are a must to keeping their attention.</p><p>More so than with any other writing, blog writing is all about the user experience. For this reason, you must consider your blog as a visual entity. You are not putting written word into pages of a book. You are writing something that is displayed on a screen. Create something that looks interesting and enticing. As a blogger, you have to keep your reader&#8217;s interest visually before you can even begin to hope to have your writing considered.</p> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/SAy39MpgDdY" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/writing-visually-blogging-for-the-internet-reader/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.webtechwise.com/writing-visually-blogging-for-the-internet-reader/</feedburner:origLink></item> <item><title>Optimizing Robots.txt file for WordPress indexation</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/ZlQjbp-LKL0/</link> <comments>http://www.webtechwise.com/optimizing-robots-txt-file-for-wordpress-indexation/#comments</comments> <pubDate>Tue, 12 Apr 2011 15:13:45 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[SEO]]></category> <category><![CDATA[Wordpress]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=6498</guid> <description><![CDATA[<img src="http://www.webtechwise.com/wp-content/uploads/2011/04/wordpress-and-robots-134x84.jpg" alt="" title="wordpress-and-robots" width="134" height="84" class="white" />]]></description> <content:encoded><![CDATA[<p>Robots.txt file is a way to tell search engines and other crawlers which parts of your website should be crawled and indexed.<br /> WordPress uses a virtual robots.txt file by default<span id="more-6498"></span>. <br /> This means that if you open your blog&#8217;s root directory, you will not find a file named robots.txt unless you created one manually.<br /> However, you can view the WordPress generated virtual robots.txt by adding &#8220;/robots.txt&#8221; to your blog&#8217;s URL (e.g. yourblog.com/robots.txt).</p><p class="postImg"><img src="http://www.webtechwise.com/wp-content/uploads/2011/04/wordpress-and-robots.jpg" alt="" title="wordpress-and-robots" width="403" height="255" class="white" /></p><p>The virtual robots file includes the following 2 lines (unless it is modified by some kind of plugin or by your blog&#8217;s privacy settings):<br /> <code>User-agent: *<br /> Disallow:</code><br /> These lines tell all crawlers (called user agents) that all the pages and directories of your site can be indexed, including your admin pages (such as yourblog.com/wp-admin/ ).</p><p>As you may have guessed, indexing admin pages in search engines is not recommended, so you should definitely do some tweaking to these settings in order to improve SEO and prevent irrelevant pages from being indexed.<br /> I recommend to add the following rules:</p><ul><li>If you use both categories and tags in your blog, do not index both (reason: duplicate content).</li><li>Prevent search result indexation (if you have a search feature in your blog. reason: duplicate content).</li><li>Consider preventing author and date archives (depends on whether you index categories and tags. reason: duplicate content).<li>Prevent indexation of all admin pages.</li><li>Advanced &#8211; consider preventing indexation of URLs that include arguments (depending of whether you use SEF premalinks). example: yourblog.com?s=q</li></ul><p>There are a couple of options to set these rules:</p><ul><li>Install a plugin like <a href="http://wordpress.org/extend/plugins/robots-meta/">Yoast&#8217;s Robots meta</a>.<br /> This plugin adds meta tags to the head section of the pages and tell tells the search engine whether or not to index them.<br /> It also allows you to control search engine indexing for individual posts or pages.</li><li>Create a robots.txt file. This is very simple, you can use your notepad for this task and save the file as robots.txt. <br /> Alternately, you can generate this file using an online generator such as <a href="http://tools.seobook.com/robots-txt/generator/" title="robots.txt generator">this</a>. <br /> Once you have finished, you should upload the file to your blog&#8217;s root directory.<br /> I use the following rules in my robots.txt file. It covers the steps above plus a few more. <br /> Note that I block search engines from crawling my category pages because I decided to use tags in this blog.</p><pre class="brush:xhtml">
User-agent: *
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /wp-login.php
Disallow: /*wp-login.php*
Disallow: /trackback
Disallow: /feed
Disallow: /comments
Disallow: /author
Disallow: /contact/
Disallow: */trackback
Disallow: */feed
Disallow: */comments
Disallow: /z/j/
Disallow: /z/c/
Disallow: /stats/
Disallow: /dh_
Disallow: /category/*
Disallow: /category/
Disallow: /login/
Disallow: /wget/
Disallow: /httpd/
Disallow: /i/
Disallow: /f/
Disallow: /t/
Disallow: /c/
Disallow: /j/
Disallow: /*.php$
Disallow: /*?*
Disallow: /*.js$
Disallow: /*.inc$
Disallow: /*.css$
Disallow: /*.gz$
Disallow: /*.wmv$
Disallow: /*.cgi$
Disallow: /*.xhtml$
Disallow: /*?*
Disallow: /*?
Allow: /wp-content/uploads

# alexa archiver
User-agent: ia_archiver
Disallow: /

# disable duggmirror by Digg
User-agent: duggmirror
Disallow: /

# allow google image bot to search all images
User-agent: Googlebot-Image
Disallow: /wp-includes/
Allow: /*

# allow adsense bot on entire site
User-agent: Mediapartners-Google*
Disallow:
Allow: /*
</pre></li></ul><p>Once you have set a robots.txt file for your blog, you can test it to see if it does what it should (blocking certain pages).<br /> To test it, you can use the Crawler Access tool in <a href="https://www.google.com/webmasters/tools/">Google Webmaster Tools</a>:</p><ul><li> In GWT,  go to Site Configuration -> Crawler Access.</li><li>In this page, make sure the text area of the robots.txt file has been downloaded recently by Google and that it reflects the most recent changes you have made.</li><li>In the URLs box, type different URLs to test against (for example, yourblog.com/wp-admin/) and click on the Test button.<br /> The result displays something like &#8220;Blocked by line 3: Disallow: /wp-admin&#8221;. <br /> If it doesn&#8217;t, you missed something when creating the file.</li></ul><p>Another useful method to test the effectiveness of your robots.txt file, is to use <a href="http://tools.seobook.com/robots-txt/analyzer/" title="robots.txt analyzer">Robots.txt Analyzer</a>.</p> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/ZlQjbp-LKL0" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/optimizing-robots-txt-file-for-wordpress-indexation/feed/</wfw:commentRss> <slash:comments>22</slash:comments> <feedburner:origLink>http://www.webtechwise.com/optimizing-robots-txt-file-for-wordpress-indexation/</feedburner:origLink></item> <item><title>How to Fix Sitemap “Paths Don’t Match” Error in Google Webmaster Tools</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/0J5MGqoUjd0/</link> <comments>http://www.webtechwise.com/sitemap-paths-dont-match-prefix-error-in-google-webmaster-tools/#comments</comments> <pubDate>Tue, 29 Mar 2011 19:06:50 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[Q & A]]></category> <category><![CDATA[SEO]]></category> <category><![CDATA[Sitemap]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=6409</guid> <description><![CDATA[Question: No matter which method I choose to submit my sitemap, I can&#8217;t get it to be accepted by Google Webmaster Tools. All I get is an X symbol for the sitemap status, and for each line in it, I get the following error: &#8220;Paths don&#8217;t match We&#8217;ve detected that you submitted your Site-map using [...]]]></description> <content:encoded><![CDATA[<p>Question:</p><blockquote><p>No matter which method I choose to submit my sitemap, I can&#8217;t get it to be accepted by Google Webmaster Tools. All I get is an X symbol for the sitemap status, and for each line in it, I get the following error:<br /> &#8220;Paths don&#8217;t match<br /> We&#8217;ve detected that you submitted<span id="more-6409"></span> your Site-map using a URL path that includes the www prefix (for instance, http://www.example.com/sitemap.xml). However, the URLs listed inside your Site-map don&#8217;t use the www prefix (for instance, http://example.com/myfile.htm).&#8221;</p></blockquote><p>I too have come across this sitemap issue in the past. At first I tried to change my preferred domain (in Google Webmaster Tools, Site Configuration &#8211; > Settings) to http://mysite.com/ but then I got the message:<br /> &#8220;Part of the process of setting a preferred domain is to verify that you own http://mysite.com/. Please verify http://mysite.com/.&#8221;</p><p>Therefore, in order to verify the other version of my site&#8217;s URL I did the following:</p><ol><li>I added a new site with the same URL but without the www prefix.</li><li>I <a href="https://www.google.com/webmasters/verification/home">verified the site</a> using the HTML file I already had in the root directory (if you have problems with the verification process, ask me in the comments section).</li><li>Once I verified the site, I tried to change the preferred domain again, but for some reason it didn&#8217;t solve the sitemap error (not sure why, it might work for you though), so I went into Site Configuration ->Change of Address and selected the new domain I just verified (the non www prefix URL).</li></ol><p>That was it. Problem solved.</p><p>Following this solution, there were two things left to do. <br /> First, I deleted the redundant prefix URL version I no longer use (to prevent having both www and non-www versions in my GWT account). <br /> Secondly, I made sure that all links with www prefix in my site will redirect to the non www prefix URL. <br /> To do this, I defined a canonical 301 URL redirection as described in <a href="http://www.webtechwise.com/url-redirection-in-wordpress/" title="URL Redirection in WordPress – the Problem Solution Approach" >this post</a> (not too complicated).</p><p id="question">If you found a shorter solution to that sitemap error, let me know in the comments area.</p> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/0J5MGqoUjd0" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/sitemap-paths-dont-match-prefix-error-in-google-webmaster-tools/feed/</wfw:commentRss> <slash:comments>13</slash:comments> <feedburner:origLink>http://www.webtechwise.com/sitemap-paths-dont-match-prefix-error-in-google-webmaster-tools/</feedburner:origLink></item> <item><title>Using Regular Expressions in WordPress to Manipulate Content</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/_QcfJAMWhVQ/</link> <comments>http://www.webtechwise.com/using-regular-expressions-in-wordpress-to-manipulate-content/#comments</comments> <pubDate>Tue, 22 Mar 2011 11:48:04 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[Regular Expressions]]></category> <category><![CDATA[WordPress Hacks and Tweaks]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=6325</guid> <description><![CDATA[<img src="http://www.webtechwise.com/wp-content/uploads/2011/03/wordpress-regex-examples-134x89.jpg" alt="" title="wordpress regex examples" width="134" height="89" />]]></description> <content:encoded><![CDATA[<p>There are many examples of useful regular expressions around the web, but in this article I will focus on explaining their use in WordPress.<br /> Before I show you an example of a classic use of Regex in a WordPress filter<span id="more-6325"></span>, I&#8217;ll try to explain what Regex is, and why on earth do you even need to learn how to use it.</p><p>Regular Expressions are used to identify a pattern of characters, words or HTML tags inside a string when some part of that string is unknown.<br /> For example, if I wanted to replace the string <code>"Hello, my name is [name] and I am a blogger"</code> with <code>"Hello, I am [name] the blogger"</code>, I can&#8217;t use a regular search and replace because the name part is unknown to me.</p><p>Another example is when you want to make sure that a user entered a valid email address inside a form field. All email addresses look like this:<br /> <code>[user name]@[domain].[extension]</code>, but most of their parts differs from one email address to another (the parts in parentheses).</p><p class="postImg"><img src="http://www.webtechwise.com/wp-content/uploads/2011/03/wordpress-regex-examples.jpg" alt="" title="wordpress regex examples" width="424" height="283" class="white" /></p><p>Now let&#8217;s see when Regex come in handy in WordPress.<br /> One of the classic uses of Regex in WordPress is to grab the first image of a post and then show it in the excerpt or as a thumbnail of related posts.<br /> I will not go into the solution here because it is already explained nicely <a href="http://www.wprecipes.com/how-to-get-the-first-image-from-the-post-and-display-it">here</a>.<br /> What I will show you is another classic use of Regex inside the popular filter <code>add_filter('the_content'.. </code> (<a href="http://www.webtechwise.com/wordpress-filter-examples-changing-attributes-when-adding-images-to-posts/" title="WordPress Filter Examples – Changing Attributes When Adding Images to Posts" >read more</a> about filter examples).</p><p>A few weeks ago, I created a  Q and A section.<br /> I decided to open each post in that section with:</p><blockquote><p>This is part of the new Q&#038;A section. Feel free to ask anything web related in the contact form.<br /> [name] asks: [the question]</p></blockquote><p>This is fine, except the fact that it may harm my page <span class="note"><span class="target" title="Because as you may know, Google and other SEs give high importance to the starting text of an article, and this text is not related to the subject discussed in these article at all.">SEO ranking.</span></span><br /> Therefore, I decided to change the beginning of the excerpts of these posts to:</p><blockquote><p>Question: [the question]</p></blockquote><p>You may see how it look like <a href="http://www.webtechwise.com/tag/q-a/" title="Q &#038; A" >here</a>.<br /> The solution was to add the following filter to my theme&#8217;s functions.php file:</p><pre class="brush:php">
function qanda($content) {
	if(!is_singular() &#038;&#038; has_tag('q-a')){
		$regex = "/(This is part[\s\S]+?)+(asks:)/i";
		$content = preg_replace($regex,'Question:',$content);
	}
	return $content;
}
add_filter('the_content', 'qanda');
</pre><p>Code explanation:<br /> Line 2: The condition &#8211; if you are not displaying a single page or a post (which leaves us with homepage, categories, tags and search results). and also this post you are displaying has the tag Q &#038; A.<br /> Line 3: The action &#8211; identify the following pattern in the content.<br /> Line 4: Action continues &#8211; replace that identified text with the word &#8220;Question:&#8221; inside the content using the preg_replace PHP function.</p><p id="resources">Additional resources</p><ul><li><a href="http://gskinner.com/RegExr/" rel="external nofollow" title="Regex generator">Regex generator</a></li><li><a href="http://www.phpfreaks.com/forums/index.php/board,43.0.html" rel="external nofollow" title="PHP Regex Forum">PHP Regex Forum</a></li><li><a href="http://www.catswhocode.com/blog/15-php-regular-expressions-for-web-developers" rel="external nofollow" title="PHP and WordPress Regex Examples">PHP and WordPress Regex Examples</a></li><li><a href="http://www.canonicalseo.com/regex-basics/" rel="external nofollow" title="Regex Basics: A Regular Expression Tutorial">Regex Basics: A Regular Expression Tutorial</a></li></ul> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/_QcfJAMWhVQ" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/using-regular-expressions-in-wordpress-to-manipulate-content/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.webtechwise.com/using-regular-expressions-in-wordpress-to-manipulate-content/</feedburner:origLink></item> <item><title>16 WordPress Plugins I Use</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/GWfqRGzuqNo/</link> <comments>http://www.webtechwise.com/16-wordpress-plugins-i-use/#comments</comments> <pubDate>Tue, 15 Mar 2011 13:29:41 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Q & A]]></category> <category><![CDATA[Wordpress]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=6011</guid> <description><![CDATA[Question: I am a newbie in WordPress and not sure which plugins to install. Can you please advise? After a year and some of running this blog, I have changed plugins several times and in some cases preferred to uninstall plugins in favor of writing functions manually. I currently use the following plugins and very [...]]]></description> <content:encoded><![CDATA[<p>Question:</p><blockquote><p>I am a newbie in WordPress and not sure which plugins to install. Can you please advise?</p></blockquote><p>After a year and some of running this blog, I have changed plugins several times<span id="more-6011"></span> and in some cases preferred to uninstall plugins in favor of writing functions manually.<br /> I currently use the following plugins and very satisfied with them:</p><h3>Akismet</h3><p>There are quite a few spam blocking solutions out there but I decided to stick with the one that comes with WordPress built in installation. I have spam comments as much as other bloggers and in some cases I get <a href="http://www.webtechwise.com/akismet-check-spam-legitimat-comments/" title="Using Akismet? Check Your Spam Box for Legitimate Comments" >legitimate comments marked as spam</a> but this does not happen too much for me to handle.</p><h3>BackWPup</h3><p>Before I came across this excellent plugin, I used WP-DB-Backup which automatically sent database backups to my mail box on a daily basis (which I believe is very important). At some point I also installed wp-optimize that does a good job in db table optimization from the dashboard. <br />However, when I recently upgraded WebTechWise, I was looking for a backup solution for both my database and my theme files. So I found BackWPup that handles both, and fortunately it also replaces wp-optimize in table optimization.</p><h3>Clean Options</h3><p>As I explained in <a href="http://www.webtechwise.com/incredible-wordpress-plugins-you-wish-you-knew/" title="16 Incredible WordPress Plugins You Wish You Knew" >this post</a>, this is a great solution to clean your wp-options table from old plugin traces.</p><h3>Comment Notifier</h3><p>I already <a href="http://www.webtechwise.com/comment-notifier-plugin-review/" title="Which Plugin Do You Use for Comment Subscription in Your Blog?" >reviewed this plugin</a> in details and it still does a good job in notifying users on new comments to posts they commented on.</p><h3>Contact Form 7</h3><p>Provides an easy to use solution for basic contact forms. There is a fair amount of competitors who don&#8217;t fall short of it though.</p><h3>Dashboard Post-it</h3><p>Just a small plugin to handle a blog to do list on my dashboard.</p><h3>Drafts Dropdown</h3><p>This is where I gather all my ideas before publishing them. It gives quick access to all draft posts with one click.</p><h3>Google Analytics for WordPress</h3><p>In the past I used Google Analyticator, but when I tested this plugin I saw it has much more features than the first.</p><h3>Ozh&#8217; Admin Drop Down Menu</h3><p>This is really a matter of opinion, but I personally think that working with horizontal menus is much easier than working with vertical ones.</p><h3>Source Codes in Comments</h3><p>Nice little plugin that let you guys (and girls) add code to your comments without having to worry about the code becoming gibberish or disappearing.</p><h3>Syntax Highlighter ComPress</h3><p>I was searching for a light weight plugin that colorize code in my posts. This one does a decent job.</p><h3>TDO Mini Forms</h3><p>A feature rich (and somewhat complicated) plugin that I use to enable users to submit news in my <a href="http://www.webtechwise.com/submit-web-design-news/" title="Submit Web Design News" >user news</a> section.</p><h3>W3 Total Cache</h3><p>For a long time I have been using the popular wp-super-cache, but upon blog upgrade I decided to give this one a try and got hooked. It has so many smart features to enhance blog performance and it also replaced my wp-minimize plugin. What I also like about it is the ability to programmatically refresh page cache or post specific cache. This also came in handy in <a href="http://www.wphits.com/">WPhits </a>big time because of the voting system that requires special caching customization.</p><h3>WordPress Mobile Pack</h3><p>Making your site compatible for mobile phones is no longer a luxury of huge widely popular websites. It is something that every blogger and website owner should take under consideration these days.<br /> I wrote <a href="http://www.webtechwise.com/which-wordpress-plugin-do-you-use-for-mobile-phone-compatibility/" title="Which WordPress Plugin Do You Use for Mobile Phone Compatibility?" >this post</a> about some of the features of this plugin and why I use it instead of the popular WPtouch.</p><h3>WordPress SEO</h3><p>I chose this one over All In One SEO because it gives a wider solution to SEO issues. It not only handles meta title and description, but also includes a sitemap generator and indexation engine (interface replacement for the robots.txt file).</p><h3>WP-PageNavi</h3><p>A good plugin for pagination in blogs. I recommend installing this or one of the alternatives because it really upgrades the ease of navigation.</p><p id="question">Do you use a different plugin for backup or page navigation? I would love to get some recommendations.</p> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/GWfqRGzuqNo" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/16-wordpress-plugins-i-use/feed/</wfw:commentRss> <slash:comments>8</slash:comments> <feedburner:origLink>http://www.webtechwise.com/16-wordpress-plugins-i-use/</feedburner:origLink></item> <item><title>Creating Tag List or Tag Cloud for a Specific Category</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/cA8nr4al4_E/</link> <comments>http://www.webtechwise.com/creating-tag-list-or-tag-cloud-for-a-specific-category/#comments</comments> <pubDate>Tue, 08 Mar 2011 07:59:48 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[Categories and Tags]]></category> <category><![CDATA[Q & A]]></category> <category><![CDATA[Tips]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[WordPress Hacks and Tweaks]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=6013</guid> <description><![CDATA[<img src="http://www.webtechwise.com/wp-content/uploads/2010/04/tagCloud1-134x124.png" alt="" title="Tag Cloud for Specific Category" width="134" height="124" id="noBorder" />]]></description> <content:encoded><![CDATA[<p>Question:</p><blockquote><p>Is it possible to create a category specific tag cloud or to list tags per category?</p></blockquote><p>There are a few plugins that are supposed to enable filtering tags for specific category<span id="more-6013"></span>. For example: TDO Tag Fixes and Sensitive Tags.<br /> However, I always prefer to use functions whenever possible in order to avoid plugins that provide more than you need or not exactly what you need and may also <a title="How to Speed Up Your WordPress Blog by Having Less Plugins" href="http://www.webtechwise.com/speed-up-wordpress-blog-by-having-less-plugins/">slow down your blog</a>.</p><p><H2>Getting Tags for a Specific Category</h2><p>Here&#8217;s the function to get the tags of all posts that are listed under category &#8217;1&#8242; :</p><pre class="brush:php">
&lt;ul&gt;
	&lt;?php
	query_posts('cat=1&amp;posts_per_page=-1');
	if(have_posts()): while (have_posts()) : the_post();
        $all_tag_objects = get_the_tags();
		if($all_tag_objects){
			foreach($all_tag_objects as $tag) {
				if($tag-&gt;count &gt; 0) {$all_tag_ids[] = $tag -&gt; term_id;}
			}
		}
	endwhile;endif;
	$tag_ids_unique = array_unique($all_tag_ids);
</pre><p>Once we have the list of unique tags for that category, we can use it to generate a tag list or tag cloud.</p><h2>Listing tags per category</h2><p>To display a list add the following lines beneath existing code:</p><pre class="brush:php">
	foreach($tag_ids_unique as $tag_id) {
		$post_tag = get_term( $tag_id, 'post_tag' );
		echo '&lt;li&gt;&lt;a href=&quot;'.get_tag_link($tag_id).'&quot;&gt;'.$post_tag-&gt;name.' ( '.$post_tag-&gt;count.' )&lt;/a&gt;&lt;/li&gt;';
	}?&gt;
	&lt;/ul&gt;
</pre><h2>Creating a tag cloud for a specific category</h2><p>Displaying a tag cloud for the specific category is even easier. All you need to do is call the wp_tag_cloud function and specify the tags to include like this:</p><pre class="brush:php">wp_tag_cloud('include=' . implode(',', $tag_ids_unique));</pre><p>After seeing how to list tags or create a tag cloud for a single category, adding a tag list/cloud for more categories is fairly simple. Just repeat the above code blocks as desired (for list or for cloud) and change the cat=1 in the line query_posts(&#8216;cat=1&#038;posts_per_page=-1&#8242;); to the number of the category you would like to find tags for (for instance, in order to show tags for category with id &#8217;4&#8242;, type cat=4).</p><p>To see a live example of a tag list for two categories go to my <a title="Topics" href="http://www.webtechwise.com/topics/">topics</a> page, in which I list tags for two categories: blog posts (that are displayed in the home page) and <a title="Submit Web Design News" href="http://www.webtechwise.com/submit-web-design-news/">user news</a>.</p><p id="question">If you need any help in implementing this, go ahead and ask</p> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/cA8nr4al4_E" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/creating-tag-list-or-tag-cloud-for-a-specific-category/feed/</wfw:commentRss> <slash:comments>21</slash:comments> <feedburner:origLink>http://www.webtechwise.com/creating-tag-list-or-tag-cloud-for-a-specific-category/</feedburner:origLink></item> <item><title>Which WordPress Plugin Do You Use for Mobile Phone Compatibility?</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/qxPNG8dn_ok/</link> <comments>http://www.webtechwise.com/which-wordpress-plugin-do-you-use-for-mobile-phone-compatibility/#comments</comments> <pubDate>Tue, 01 Mar 2011 15:51:49 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[Browsers]]></category> <category><![CDATA[Mobile Phones]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Q & A]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=5965</guid> <description><![CDATA[<img src="http://www.webtechwise.com/wp-content/uploads/2011/03/wordpress-mobile-phone-compatibility.jpg" alt="" title="wordpress-mobile-phone-compatibility" width="134" height="118" class="white" />]]></description> <content:encoded><![CDATA[<p><em>Question:</p><blockquote><p>I was wondering which plugin do you use for smartphone compatibility in your blog.<br /> I heard recommendations about WPtouch but wasn&#8217;t sure about some of its setting.</p></blockquote><p>At the time this question was asked<span id="more-5965"></span> I used WPtouch but eventually switched to WordPress Mobile Pack, because I wanted an easy integration with W3 Total Cache plugin (and I read that WMP works better with it).<br /> If you ask yourself why you should bother adjusting your site for mobile phones then the answer is simple - 2-4% of your site&#8217;s visitors browse your site through the small screen and the numbers are growing with each day.<br /> Before installing any plugin, you might want to check how your site looks like in mobile browsers by using a mobile browser emulator like <a href="http://ready.mobi" target="_blank">ready.mobi</a>. There are a few WordPress themes that come with built in mobile readiness, but in most cases you should need to install a separate theme or a plugin (that includes theme) for that purpose.</p><p class="postImg"><img src="http://www.webtechwise.com/wp-content/uploads/2011/03/mobile-ready-wordpress-blog.jpg" alt="" title="mobile-ready-wordpress-blog" width="400" height="300" class="white" /></p><p>WordPress Mobile Pack comes with 3 very basic mobile themes (the default theme is called WordPress Mobile (base)) but you can always add your own theme with the help of <a href="http://blog.wapreview.com/8978/">this guide</a>.</p><p>Two things I like about this plugin are: a. the option to display a link at the bottom of the page to enable easy switch between mobile and desktop themes (you can check mine in the very bottom of this page) and b. the extra widget control.<br /> It also comes with mobile analytics feature that counts the number of hits by mobile phones as a percentage of the total hits in your site.</p><p>If you have some HTML/CSS knowledge and want to customize your mobile theme, the front end theme switcher (advantage a. above) will come extremely handy.<br /> Instead of using an emulator like ready.mobi, you can simply click on the theme switcher link and see your site in its mobile version in any browser you like.<br /> This is a screenshot of WebTechWise in FireFox after switching to the mobile theme:</p><p><img class="white" title="webtechwise-on-mobile" src="http://www.webtechwise.com/wp-content/uploads/2011/02/webtechwise-on-mobile.jpg" alt="" width="480" height="475" /></p><p>The great advantage here is that you can use tools like <a title="Firebug" href="http://www.webtechwise.com/tag/firebug/">FireBug</a>, colorzilla and other plugins to customize the mobile theme layout as you want.<br /> Otherwise, without a front end theme switcher, you&#8217;ll need to make your browser (FireFox for that matter) &#8220;think&#8221; that you are now surfing from your mobile phone when you&#8217;re in fact using your desktop/laptop browser.<br /> To do that, you need to install two add-ons: Modify Headers and User Agent Switcher and then follow the instructions in this <a href="http://mobiforge.com/testing/story/testing-mobile-web-sites-using-firefox">guide</a>.</p><p>When compared to WPtouch, WordPress Mobile Pack may seem less refined in some aspects; WPtouch built in theme is beautiful and the user interface is reacher with features then that of the WMP (for example- it includes search box), however, if you decide to go with WPM, there are plenty of <a href="http://visionwidget.com/showcase/graphics/558-wordpress-mobile-themes-for-mobile-devices.html">mobile WordPress themes</a> out there, and as I said earlier you can download whichever theme you like and integrate it easily with the WMP plugin.</p><p>There are other WordPress plugins for mobile compatibility but I haven&#8217;t tested them yet.<br /> In the end, both plugins I mentioned here are reliable and widely used so you won&#8217;t go wrong with either choice and you can find excellent tutorials on both.</p><p id="question">Is you WordPress blog mobile ready? If so, which plugin do you use?</p><p id="resources">Additional resources</p><ul><li><a href="http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/" rel="external nofollow" title="10 Excellent Tools for Testing Your Site on Mobile Devices">10 Excellent Tools for Testing Your Site on Mobile Devices</a></li><li><a href="http://abduzeedo.com/mobile-web-design" rel="external nofollow" title="Mobile Web Design">Mobile Web Design</a></li><li><a href="http://woork.blogspot.com/2008/07/tips-to-design-your-site-for-mobile.html" rel="external nofollow" title="Tips to design your site for mobile devices">Tips to design your site for mobile devices</a></li></ul> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/qxPNG8dn_ok" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/which-wordpress-plugin-do-you-use-for-mobile-phone-compatibility/feed/</wfw:commentRss> <slash:comments>10</slash:comments> <feedburner:origLink>http://www.webtechwise.com/which-wordpress-plugin-do-you-use-for-mobile-phone-compatibility/</feedburner:origLink></item> <item><title>How to Add Custom Thumbnail to Shared Links in facebook – You Ask, I Answer</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/qIWwBOa-7jA/</link> <comments>http://www.webtechwise.com/add-custom-thumbnail-to-shared-links-in-facebook/#comments</comments> <pubDate>Wed, 23 Feb 2011 17:02:29 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[Facebook]]></category> <category><![CDATA[Q & A]]></category> <category><![CDATA[Social Media]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=5916</guid> <description><![CDATA[<img src="http://www.webtechwise.com/wp-content/uploads/2011/02/facebook-add-custom-thumbnail.jpg" alt="" title="facebook-add-custom-thumbnail" width="134" height="134" class="white" />]]></description> <content:encoded><![CDATA[<p><em>Question:</p><blockquote><p>When I try sharing links in facebook, I would like to be able to add a thumbnail that is not part of the page I link to. how can I do this?</p></blockquote><p>Just to clarify, we are talking about sharing<span id="more-5916"></span> a link and not status:</p><p><img src="http://www.webtechwise.com/wp-content/uploads/2011/02/facebook-link-sharing-thumbnail.jpg" alt="" title="facebook-link-sharing-thumbnail" width="502" height="78" class="white" /></p><p>The first thing you should know is this: <br /> <strong>It may take up to ten minutes for facebook to refresh the thumbnail after you set it</strong>, so you have to be patient.<br /> Now that we&#8217;re done with that fact, let&#8217;s see two possible solutions we have:<br /> The first solution which is also more commonly used, is to add the following line in the head area of the HTML of the page you would like to link to:<pre class="brush:xhtml;"> &lt;link rel="image_src" href="http://www.yourdomain.com/facebook-tn.jpg" /&gt;</pre><p>You can name the image as you like and place it in any folder. <br /> Just make sure that the image path is properly typed (the simplest way to check it is to copy and paste the path to a new tab in your browser and see if the image comes up).<br /> If the page has title and description meta tags as well, facebook will use them for the title and description of your shared link (you can also edit them in facebook).</p><p>The other method which is less used but may be a good solution if the first doesn&#8217;t work is to add the following line, again, to the head area of the page you link to:</p><pre class="brush:xhtml;">&lt;meta property="og:image" content="http://www.yourdomain.com/facebook-tn.jpg"/&gt;</pre></p> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/qIWwBOa-7jA" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/add-custom-thumbnail-to-shared-links-in-facebook/feed/</wfw:commentRss> <slash:comments>17</slash:comments> <feedburner:origLink>http://www.webtechwise.com/add-custom-thumbnail-to-shared-links-in-facebook/</feedburner:origLink></item> <item><title>A New Site to Submit Your WordPress Articles Has Launched!</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/vwdAcyEC6hY/</link> <comments>http://www.webtechwise.com/new-site-to-submit-your-wordpress-articles-launched/#comments</comments> <pubDate>Mon, 24 Jan 2011 14:00:25 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Wordpress]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=3589</guid> <description><![CDATA[<img src="http://www.webtechwise.com/wp-content/uploads/2011/01/wphits-submit-your-wordpress-articles.jpg" alt="" title="wphits-submit-your-wordpress-articles" width="134" height="56" />]]></description> <content:encoded><![CDATA[<p><a href="http://www.wphits.com/" title="wphits - submit your wordpress links">WPhits</a> is a my new Digg like community website that enables you to submit and promote your WordPress articles easily, while getting to know other WordPress bloggers in the process.<br /> Since WordPress has become the most popular CMS<span id="more-3589"></span> (at least as far as open source CMS), the amount of articles written about WordPress is growing each day, raising the need for a platform in which bloggers can promote their WordPress articles.</p><p><a href="http://www.wphits.com/" title="wphits - submit your wordpress articles"><img src="http://www.webtechwise.com/wp-content/uploads/2011/01/wphits-submit-wordpress-articles1.jpg" alt="" title="wphits-submit-wordpress-articles" width="550" height="115" class="white" /></a></p><p>Apart from article submission, the platform also allows voting for other users articles. <br /> In the near future, I will add <em>friends</em> option and some more social network features that will make WPhits an actual social network.<br /> Something else about the platform: without having official statistics, I got the impression that about 95% of the community news websites are based on either Pligg, Drupal Elgg or Hotaru which are CMS dedicated to link submission and voting.<br /> However, eventually I have decided to invest more time on developing it in WordPress, because I thought it will be the most appropriate platform considering the site topic.<br /> After a month of development, I&#8217;ve finally completed the development and launched it.</p><p>I invite you to enter <a href="http://www.wphits.com/" title="wphits - submit your wordpress links">wphits.com</a> and submit your wordpress links.<br /> In addition, you are more than welcome to leave me notes and feedback on the site as I would like to improve the site usability as much as possible.<br /> I&#8217;d like to thank the following people for their help in testing and feedback:</p><p><a href="http://www.bloggodown.com/" target="_blank">Gautam Hans</a><br /> <a href="http://www.BasicBlogTips.com/" target="_blank">Ileane Smith</a><br /> <a href="http://www.evolutionarydesigns.net/blog" target="_blank">James Johnston</a><br /> <a href="http://www.johnpaulaguiar.com/" target="_blank">John Paul Aguiar</a><br /> <a href="http://www.flamescorpion.com/" target="_blank">Lucian Apostol</a><br /> <a href="http://www.daviddaniels.com/" target="_blank">David Daniels</a><br /> <a href="http://www.blokube.com/" target="_blank">Devesh</a><br /> <a href="http://www.wordimpressed.com/" target="_blank">Devin Walker</a></p> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/vwdAcyEC6hY" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/new-site-to-submit-your-wordpress-articles-launched/feed/</wfw:commentRss> <slash:comments>14</slash:comments> <feedburner:origLink>http://www.webtechwise.com/new-site-to-submit-your-wordpress-articles-launched/</feedburner:origLink></item> <item><title>Did You Test Your Site With JavaScript Disabled Yet?</title><link>http://feedproxy.google.com/~r/Webtechwise/~3/DJ1uZ_MxKcQ/</link> <comments>http://www.webtechwise.com/test-your-site-with-javascript-turned-off/#comments</comments> <pubDate>Sun, 09 Jan 2011 16:28:57 +0000</pubDate> <dc:creator>Omer Greenwald</dc:creator> <category><![CDATA[The Blog]]></category> <category><![CDATA[SEO]]></category> <category><![CDATA[Web Development]]></category><guid isPermaLink="false">http://www.webtechwise.com/?p=3026</guid> <description><![CDATA[1%-2% of your site visitors have javascript disabled. Most of them turned off javascript as a precaution against malicious scripts (on their own, or as employees working behind strict firewalls in their working places). Others simply want to speed up their browsing or to minimize the annoying popups and ad scripts. Be the reason as [...]]]></description> <content:encoded><![CDATA[<p>1%-2% of your site visitors have javascript disabled.<br /> Most of them turned off javascript as a precaution against malicious scripts (on their own, or as employees working behind strict firewalls in their working places). Others simply want to speed up their browsing<span id="more-3026"></span> or to minimize the annoying popups and ad scripts.</p><p>Be the reason as it may, these users deserve your attention just as any other user.</p><p>Apart from these users, there is another VERY good reason to make your site work smoothly on non javascript environment &#8211; and that reason is <span style="text-decoration: underline;">search engines</span>.<br /> At the time of writing this post, search engines still have problem understanding javascript, which means they simply ignore it.</p><p>So if you care about SEO (and you should), you need to make sure content elements in your site are visible to search engines as well as browsers with js disabled.</p><h2>Examples of search engine friendly websites (that are also friendly to non-js browsing):</h2><ul><li><p><b>jquery based navigation menu on the left and the same menu with javascript disabled on the right (Amazon.com)</b><br /> <img class="white" title="js-navigation" src="http://www.webtechwise.com/wp-content/uploads/2011/01/js-navigation2.jpg" alt="" width="547" height="291" /></p></li><li><p><b>Two birds in a box &#8211; tabs navigation and accordion effect (bestbuy.com)</b><br /> <img class="white" title="javascript-tabs" src="http://www.webtechwise.com/wp-content/uploads/2011/01/javascript-tabs.jpg" alt="" width="496" height="340" /></p></li><li><p><b>The same website as above, only the javascript is turned off.</b><br /> <img class="white" title="javascript-disabled-tabs" src="http://www.webtechwise.com/wp-content/uploads/2011/01/javascript-disabled-tabs.jpg" alt="" width="442" height="480" /></p></li><h2>How can you test your website with javascript disabled?</h2><p>That&#8217;s pretty easy. You just need to <a title="disable js in safari" href="http://www.alanwood.net/demos/enabling-javascript.html" target="_blank">disable javascript in your browser</a>. Depending on the browser you use, there are also popular extensions for that matter:<br /> If you use FireFox, you can install the <a title="FireFox add-on to disable JavaScript" href="https://addons.mozilla.org/en-US/firefox/addon/722/" target="_blank">NoScript </a>add-on. Google Chrome users, can install <a title="Chrome extension to disable JavaScript" href="https://chrome.google.com/extensions/detail/odjhifogjcknibkahlpidmdajjpkkcfn" target="_blank">NotScripts</a>.</p><h2>How to make sure users with javascript disabled can see all your content and search engines can index it</h2><p>The very first rule that mostly concerns SEO is : don&#8217;t generate new links using javascript, make sure all the links are already in the HTML to begin with.<br /> For example, if you build a multi tab content box like this one:</p><p><img class="white" title="jquery tabs" src="http://www.webtechwise.com/wp-content/uploads/2011/01/jquery-tabs.png" alt="" width="256" height="77" /></p><p>A possible approach is to have only the links of the first tab in the initial HTML code. Afterwards, when the user clicks on a different tab, its content is loaded via javascript (AJAX to be exact).<br /> The advantage of this approach is reducing page load times. The big disadvantage comes to play if you want the content of those other tabs to be indexed in search engines, because search engines will not see this content at all.<br /> So the better alternative (SEO wise) would be to include those three tabs in the page in the first place and hide all tabs except the first. <br /> Then, when the user clicks on the second tab, hide the first tab content and reveal the second tab content and so on.</p><p>The second rule is : do not depend on javascript when revealing hidden content, allow CSS to do the trick when js is disabled.<br /> For instance, if you take a look at <a href="http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html" title="drop down menu jquery css">this menu</a> with javascript disabled, you&#8217;ll see that nothing happens when you hover your mouse on menu items (except the added glow effect), and you cannot see the opening submenu. (in favor of the menu creator, I will add that they mention that this menu is only intended to to work in javascript enabled browsers).</p><p>In order to make such a menu <u>fully compatible</u>, you need to do the following:</p><ul><li>In the HTML change:<pre class="brush:xhtml">&lt;ul class="subnav"&gt; to &lt;ul class="subnav nojs"&gt;</pre></li><li>In the CSS add:<pre class="brush:css">.topnav li:hover nojs{display:block}</pre></li><li>In the beginning of the jquery code add:<pre class="brush:js">$(".nojs").removeClass("nojs");</pre></li></ul><p>The above additions, make the submenu appear on mouse over, even when js is disabled. In addition, when js is enabled, it will simply remove the nojs class, which will make sure that the hover css rule will be ignored (we won&#8217;t need it because the jquery will already take care of displaying the submenu).</p><p>Another issue worth mentioning here, is the old debate on search engines approach (and especially Google&#8217;s) towards hidden items in the page.<br /> As a rule of thumb, <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&#038;answer=66353" title="google approach to hidden text and links">search engines don&#8217;t like hidden content</a> because they consider it to be deceitful.</p><p>However, there are some perfectly legitimate cases in which you may want to hide content for reasons that are pure web design. Drop down menus, tabs and accordion navigation menus are only some of these cases.<br /> The strict approach says: never use display:none or visible:hidden or left:999px to hide your content. Instead, when you want to hide content, use inline javascript:</p><pre class="brush:js">document.getElementById('submenu').style.display = 'none';</pre><p>The moderate approach (which I support) says: these days search engines are smart enough to know when display:none is used properly and when it isn&#8217;t, and even if some of them don&#8217;t, it is very unlikely to be penalized for using display:none for legitimate reasons like submenus or tabs.<br /> Besides, take a look at google&#8217;s home page &#8211; the &#8220;more&#8221; submenu is hidden.</p><p id="question">If you need any help in making your site compatible to browsers with js disabled, go ahead and ask.</p><p id="resources">Additional resources</p><ul><li><a href="http://developer.yahoo.com/blogs/ydn/posts/2010/10/how-many-users-have-javascript-disabled/" rel="bookmark" title="how many users have JavaScript disabled">How many users have JavaScript disabled?</a></li><li><a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-drop-down-nav-menu-with-html5-css3-and-jquery/" rel="bookmark" title="search engine friendly drop down menu">A great example of a search engine friendly drop down menu that also supports non-js browsing</a></li><li><a href="http://www.milonic.com/casestudy.php" rel="bookmark" title="how to have both a cool DHTML menu and high rankings with the search engines">how to have both a cool DHTML menu and high rankings with the search engines</a></li><li><a href="http://www.getelastic.com/seo-friendly-javascript-menus/" rel="bookmark" title="Build SEO-Friendly JavaScript Menus">Build SEO-Friendly JavaScript Menus</a></li></ul> <img src="http://feeds.feedburner.com/~r/Webtechwise/~4/DJ1uZ_MxKcQ" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webtechwise.com/test-your-site-with-javascript-turned-off/feed/</wfw:commentRss> <slash:comments>7</slash:comments> <feedburner:origLink>http://www.webtechwise.com/test-your-site-with-javascript-turned-off/</feedburner:origLink></item> </channel> </rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (request URI contains query)

Served from: www.webtechwise.com @ 2012-02-07 01:12:19 -->

