<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" 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/" ><channel><title>Zemalf.comWeb Design | Zemalf.com</title> <atom:link href="http://zemalf.com/topics/web-design/feed/" rel="self" type="application/rss+xml" /><link>http://zemalf.com</link> <description>Learn to Build Kick-Ass Websites the Hard Way</description> <lastBuildDate>Tue, 31 Jan 2012 04:46:31 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=</generator> <item><title>Check What is Above The Fold with Google Browser Size Tool</title><link>http://zemalf.com/1157/google-browser-size-tool/</link> <comments>http://zemalf.com/1157/google-browser-size-tool/#comments</comments> <pubDate>Thu, 17 Dec 2009 22:14:17 +0000</pubDate> <dc:creator>Antti Kokkonen</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Free Tool]]></category> <category><![CDATA[Resource]]></category><guid isPermaLink="false">http://zemalf.com/?p=1157</guid> <description><![CDATA[<p>Want to know what percentage of your users see that "buy now" or subscribe button? If you're selling something, you should be interested in that. If you sell or buy [...]</p><p><hr /><p>Original post from Zemalf's <a href="http://zemalf.com">Website optimization</a> blog:<br /> <a href="http://zemalf.com/1157/google-browser-size-tool/">Check What is Above The Fold with Google Browser Size Tool</a></p></p>]]></description> <content:encoded><![CDATA[<p>Want to know what percentage of your users see that "buy now" or subscribe button? If you're selling something, you should be interested in that. If you sell or buy advertising on a blog, you'd want the advertising to be seen by majority of the visitors too.</p><p>Whatever the most important element on your page is, you want to make sure it is <em>above the fold</em>, which means what the user sees when they first enter the page. So no scrolling or anything.</p><p>Because many users leave if they don't see anything interesting, check that your call to action or something eye-catching is in that first view. And with that, Google's new <strong>browser size tool</strong> will help you.</p><p><span id="more-1157"></span></p><blockquote><p>Google Browser Size is a visualization of browser window sizes for people who visit Google. For example, the "90%" contour means that 90% of people visiting Google have their browser window open to at least this size or larger. - <a href="http://browsersize.googlelabs.com/static/about-browser-size.html" title="How browser size tool works">How browser size tool works</a></p></blockquote><p>With this tool you can ensure that majority of your visitors see the most important parts of the page. If a important element, like "buy now" button is only visible to 80% of the visitor, that means 20% of the visitors cannot see it when they first enter your page.</p><p>It's free and it's very easy to use: Just enter your URL at <a href="http://browsersize.googlelabs.com/" title="Browser Size Tool by Google">http://browsersize.googlelabs.com/</a> and you'll see nice visual like this:</p><p><img src="http://cdn.zemalf.com/wp-content/uploads/2009/12/google-browsersize-view-on-zemalf-dot-com.jpg" alt="google browsersize view on zemalf dot com Check What is Above The Fold with Google Browser Size Tool" title="Browser Size Tool by Google"  width="400" height="261" class="aligncenter size-full wp-image-1158" /></p><p>Browser Size tool will show you what your visitors see when they enter your website, depending on their screen / browser size. The tool shows what percentage of the users (on average) see what.</p><p>For example from the picture we can see that ~90% of the visitors to this blog see the "follow me on Twitter" button, but only about 80% of the visitors see the whole RSS Subscribe icon.</p><p><strong>Check out the Browser Size tool at: <a href="http://browsersize.googlelabs.com/" title="Browser Size Tool">http://browsersize.googlelabs.com/</a></strong></p><p>Here's hoping this will help you find the right place for the most important elements on your blog and perhaps gain extra subscribers, or even better, more sales because of checking the design.</p><p><em>Source and more information: Google Code Blog - <a href="http://googlecode.blogspot.com/2009/12/introducing-google-browser-size.html" title="Introducing Google Browser Size">Introducing Google Browser Size</a></em></p> Here's more posts like to this:<ol><li><a href='http://zemalf.com/1209/twitter-google-reader/' rel='bookmark' title='Here&#8217;s a Quick Way to Get Twitter into Google Reader'>Here&#8217;s a Quick Way to Get Twitter into Google Reader</a></li><li><a href='http://zemalf.com/1053/market-research-using-google-and-twitter/' rel='bookmark' title='Quick and Easy Market Research Using Google and Twitter'>Quick and Easy Market Research Using Google and Twitter</a></li><li><a href='http://zemalf.com/1278/set-up-google-analytics/' rel='bookmark' title='How to set up Google Analytics'>How to set up Google Analytics</a></li></ol><p><hr /><p>Original post from Zemalf's <a href="http://zemalf.com">Website optimization</a> blog:<br /> <a href="http://zemalf.com/1157/google-browser-size-tool/">Check What is Above The Fold with Google Browser Size Tool</a></p></p>]]></content:encoded> <wfw:commentRss>http://zemalf.com/1157/google-browser-size-tool/feed/</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>Create Free Images For Your Blog With Wordle</title><link>http://zemalf.com/1117/create-free-images-for-your-blog-with-wordle/</link> <comments>http://zemalf.com/1117/create-free-images-for-your-blog-with-wordle/#comments</comments> <pubDate>Fri, 27 Nov 2009 12:24:41 +0000</pubDate> <dc:creator>Antti Kokkonen</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[Blogging Tips]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Free Tools]]></category> <category><![CDATA[Hints & Tips]]></category> <category><![CDATA[Post Images]]></category><guid isPermaLink="false">http://zemalf.com/?p=1117</guid> <description><![CDATA[<p>Images are great way to spice up your blog posts, eBooks and other websites. Using attention capturing image on a blog post can greatly increase the chances of your visitors [...]</p><p><hr /><p>Original post from Zemalf's <a href="http://zemalf.com">Website optimization</a> blog:<br /> <a href="http://zemalf.com/1117/create-free-images-for-your-blog-with-wordle/">Create Free Images For Your Blog With Wordle</a></p></p>]]></description> <content:encoded><![CDATA[<p><a href="http://zemalf.com/1117/create-free-images-for-your-blog-with-wordle/"><img src="http://cdn.zemalf.com/wp-content/uploads/2009/11/how-to-create-images-for-your-blog-with-wordle.png" alt="how to create images for your blog with wordle Create Free Images For Your Blog With Wordle" title="Create Free Images for Your Blog with Wordle"  width="621" height="234" class="alignnone size-full wp-image-1120" /></a></p><p>Images are great way to spice up your blog posts, eBooks and other websites. Using attention capturing image on a blog post can greatly increase the chances of your visitors to check out that post. The usual options to get images, like stock photos or shared images from services like Flickr are great, but occasionally you might want something different.</p><p>Let me introduce you to <a href="http://www.wordle.net/" title="Wordle.net - Create Beautiful Word Clouds">Wordle</a>.</p><p><strong>Wordle is a tool that you can use to create "word clouds" from text that you provide</strong>, either by typing or copy-pasting text to the tool or inserting an URL address. You can use Wordle to create UNIQUE images for your blog, blog posts, eBooks or even T-Shirts.</p><p><span id="more-1117"></span></p><p>Word cloud? Well, similarly to a tag cloud you might have seen around in blogs, Wordle weights how frequently words appear in the source text and wary the size of the words based on that calculation, and generates a "cloud" out of the words.</p><p>You can tweak and customize the settings, select the font to be used, colors, how many words to use, manually remove some words, etc. Or you can use the randomize option to "browse" through the different options until you see something you like.</p><p><strong>I could write a tutorial on how to use Wordle, but it's so simple, that it's best that you head out to <a href="http://www.wordle.net/create" title="Create Beautiful Word Clouds with Wordle">http://www.wordle.net/create</a> and give it a try.</strong></p><div id="attachment_1119" class="wp-caption alignnone" style="width: 631px"><img src="http://cdn.zemalf.com/wp-content/uploads/2009/11/create-images-from-delicious-tags-with-wordle.png" alt="create images from delicious tags with wordle Create Free Images For Your Blog With Wordle" title="Wordle generates word clouds from Delicious tags too, based on Delicious username!"  width="621" height="282" class="size-full wp-image-1119" /><p class="wp-caption-text">Wordle generates word clouds from Delicious tags too! Just enter your (or some other users) Delicious username to Wordle. The above image is my Delicious tag cloud</p></div><h3>How To Use the Images Created With Wordle?</h3><p>Wordle is a Java application and you can not directly save the images it generated, but there are several ways to get the images to your blog or print.</p><h3>1) Take a Screenshot and Use Image Editor to Save It</h3><p>Generate a word cloud and tweak the settings as you want.</p><p>After you've finished, take a screen shot, open the screen shot in image editor, edit the image if needed and then save it.</p><p>If you want to use the image on your blog, upload it and add it to a post. If you use Wordle generated images like this, you must give attribution to Wordle.</p><h4>Taking a screenshot and saving the image on Windows</h4><ol><li>Press <strong>Print Screen</strong> key on your keyboard</li><li>Open your favorite image editing software (even "Paint" will do)</li><li>Paste (the screenshot)</li><li>Adjust size or otherwise edit the image</li><li>Save</li></ol><h4>Taking a screenshot and saving image on Mac</h4><ol><li>To capture the entire desktop, press <strong>Command-Shift-3</strong>.</li><li>The screen shot will be automatically saved as a PNG file on your desktop.</li><li>Open, Edit and Save the PNG file in Image Editor</li></ol><p>Source: <a href="http://graphicssoft.about.com/od/screencapturemac/ht/macscreenshot.htm" title="About.com: Capture a Screen Shot With Mac OS">Capture a Screen Shot With Mac OS at About.com</a></p><h3>2) Make the Word Cloud Public on Wordle and Link Directly</h3><p>You can save the image to Wordle and display it on any website with Wordle Applet.</p><p>If you do this, the image is freely available to everyone based on Wordle license.</p><p>After you have saved the cloud to Wordle public gallery, copy the code Wordle provides and paste it to your blog or any web page.</p><p>Of course, you can also browse the gallery and use other users' word clouds if you want.</p><h3>3) Print Your Word Cloud</h3><p>This is the easiest way to get your word cloud to your wall - just use the "Print..." function on Wordle application.</p><p>Not very useful for getting pictures to your blog, but you can use this to create inspirational images to your wall or even for a T-shirt using those services that take any picture, scan it and print it on a shirt. Of use the tips below to ensure quality of the image.</p><h3>4) Other Options for Getting Your Word Clouds Out of Wordle</h3><h4>Print as PDF</h4><ul><li>After your word cloud is finished,</li><li>Use the "Print..." function on Wordle.</li><li>On the Mac<ul><li>Select "Save as PDF" from the print dialog.</li></ul></li><li>On Windows, third-party software must be used.<ul><li>If you want to have your word clouds as PDFs on Windows, check out the <a href="http://www.howtogeek.com/howto/windows-vista/how-to-print-to-a-pdf-file-on-windows-vista/" title="How to Print to a PDF File on Windows">How to Print to a PDF File on Windows</a> -tutorial from How-To Geek.</li></ul></li></ul><h4>Print as SVG</h4><p>Get a printer driver that generates SVG. Or print as PDF like above and use free vector graphics tool like <a href="http://www.inkscape.org/" title="InkScape - Free Vector Graphics Tool">InkScape</a>.</p><p>Source: <a href="http://www.wordle.net/faq" title="Wordle Frequently Asked Questions">http://www.wordle.net/faq</a></p><p><strong>All images on this post and <strong>the word cloud images on this blog have been generated with Wordle.</strong></strong></p><p><strong>You can find Wordle at <a href="http://www.wordle.net/">http://www.wordle.net/</a></strong></p><p>There you go, give Wordle a try and tell me what you think about it!</p> Here's more posts like to this:<ol><li><a href='http://zemalf.com/1366/how-to-optimize-images-for-web/' rel='bookmark' title='How to optimize images for web'>How to optimize images for web</a></li><li><a href='http://zemalf.com/964/top-5-free-tools-organize-ideas-blog-posts/' rel='bookmark' title='Top 5 Free Tools to Organize Your Ideas and Blog Posts'>Top 5 Free Tools to Organize Your Ideas and Blog Posts</a></li></ol><p><hr /><p>Original post from Zemalf's <a href="http://zemalf.com">Website optimization</a> blog:<br /> <a href="http://zemalf.com/1117/create-free-images-for-your-blog-with-wordle/">Create Free Images For Your Blog With Wordle</a></p></p>]]></content:encoded> <wfw:commentRss>http://zemalf.com/1117/create-free-images-for-your-blog-with-wordle/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>What Everybody Ought to Know About Google Webmaster Tools</title><link>http://zemalf.com/1035/google-webmaster-tools/</link> <comments>http://zemalf.com/1035/google-webmaster-tools/#comments</comments> <pubDate>Mon, 10 Aug 2009 20:57:18 +0000</pubDate> <dc:creator>Antti Kokkonen</dc:creator> <category><![CDATA[Web Tools]]></category> <category><![CDATA[Build a Website]]></category> <category><![CDATA[Google Webmaster Tools]]></category> <category><![CDATA[Guide]]></category> <category><![CDATA[Hints & Tips]]></category> <category><![CDATA[How-To]]></category> <category><![CDATA[SEO]]></category> <category><![CDATA[Start a Blog]]></category><guid isPermaLink="false">http://zemalf.com/?p=1035</guid> <description><![CDATA[<p>Learn how to get your site into the Google Webmaster Tools now, get your site indexed and ensure your site starts getting traffic from the search engines</p><p><hr /><p>Original post from Zemalf's <a href="http://zemalf.com">Website optimization</a> blog:<br /> <a href="http://zemalf.com/1035/google-webmaster-tools/">What Everybody Ought to Know About Google Webmaster Tools</a></p></p>]]></description> <content:encoded><![CDATA[<p class="summary">Learn how to get your site into the Google Webmaster Tools now, get your site indexed and ensure your site starts getting traffic from the search engines</p><p><span id="more-1035"></span></p><h2>Why You Should Use Google Webmaster Tools</h2><p>Firstly, everyone should <strong>use Google Webmaster Tools</strong>, because it's free and the Google Webmaster Tools are very useful in lots of ways as I'm about to show you.</p><p>Secondly, <strong>Google Webmaster Tools are great addition to the website traffic and statistics you get from <a href="http://zemalf.com/551/adding-google-analytics-to-your-wordpress-blog/" title="Adding Google Analytics to Your WordPress Blog">Google Analytics</a></strong>.</p><p>Thirdly, you utilize this free information provided to you after you've done the initial steps and <strong>use the data for <a href="http://zemalf.com/974/seo-how-to/" title="Search Engine Optimization Primer">search engine optimization</a> and make your site even more search engine friendly</strong>.</p><p>Now - Watch this video to get a good overview and brief explanation of what you get when you add your site to the Google Webmaster Tools:</p><p><object width="560" height="340"><param name="movie" value="http://www.youtube-nocookie.com/v/COcl6ax38IY?fs=1&amp;hl=en_US&amp;color1=0x234900&amp;color2=0x4e9e00"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/COcl6ax38IY?fs=1&amp;hl=en_US&amp;color1=0x234900&amp;color2=0x4e9e00" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p><p>Watch the video YouTube: <a href="http://www.youtube.com/watch?v=COcl6ax38IY">Google Webmaster Tools</a></p><h2>How To Add Your WordPress Blog to Google Webmaster Tools</h2><p>If you have not added your site to your Google Webmaster Tools and claimed the site with the verification code, here's how to do it.</p><p>To make things really easy, <a href="http://zemalf.com/1278/set-up-google-analytics/">set up Google Analytics account</a>, if you haven't yet, and <a href="http://zemalf.com/551/adding-google-analytics-to-your-wordpress-blog/">add Google Analytics to your blog</a>. Then...</p><ol><li>Go to <a href="http://www.google.com/webmasters/">Google Webmaster Central</a></li><li>Sign-in with your Google Account</li><li>Once inside, Click Add a Site</li><li>Add the information about your site</li><li>Use the "Link to your Google Analytics Account" to verify your site</li><li>And you're done!</li></ol><p>Using the Google Analytics verification makes the process super simple.</p><p>Alternatively, you can also use the file verification or add the verification meta tag into the &lt;head&gt; of your site. But actually, you shouldn't. Instead of adding the verification code to the theme's header.php file, use a plugin to add the code.</p><p>Several plugins have the ability to add verification code without manually editing the php-files, for example the WordPress SEO -plugin which offers verification support for Yahoo Site Explorer and MS Webmaster Portal, in addition to the highly beneficial SEO features it also has.</p><p class="notice">After your site is verified, go ahead and <a href="http://zemalf.com/539/wordpress-xml-sitemap/">generate a XML sitemap</a> and add that to the Webmaster Tools. This will help to <a href="http://zemalf.com/1036/how-to-get-indexed-by-google/">get your site indexed in Google fast</a>.</p><p>Do this for all your websites (if you have multiple ones), even for those 1-5 page mini-site of yours - When you submit sitemaps you ensure the pages are getting indexed, or at least see if they are not indexed and why. As you see the search engine data in one page, you can easily use the information to improve the SEO of the site(s) further.</p><h2>What You Get From Google Webmaster Tool</h2><p>Let's recap - the main reason to use Google Webmaster Tools is to submit sitemaps, see indexation and crawling errors, and see how users are reaching your site, see how Google sees your website and in the process, make your site more <a href="http://zemalf.com/1225/seo-friendly-posts/">SEO friendly</a>.</p><p>You can...</p><ul><li>Get your site indexed faster</li><li>Add your XML sitemap(s) directly to Google</li><li>Get detailed information about<ul><li>How and when your site is indexed</li><li>How high/low your site is ranked for keywords</li><li>Which keywords are bringing in the most traffic</li><li>Google search engine crawl reports, statistics and errors</li></ul></li><li>See the number of links back to your site and individual pages/posts Google has found</li><li>Get reports if there are problems with indexing</li><li>See on what search terms your site turns up and how much clicks those views are getting</li><li>..and much more..</li></ul><p>The backlink data or the search engine statistics are not 100% correct, but on the other hand, it doesn't get much easier than this. In fact, it doesn't get easier than this to get that data! And all that in addition to the really important stuff like submitting your sitemap and seeing how many pages and posts from the sitemap are indexed.</p><h2>Updates / Version History</h2><ul><li>Updated on 2010-11-04: Added video. Re-worked the post.</li><li>Originally published on 2009-08-10</li></ul><h2>Summary</h2><p>Because there are no disadvantages, unless your some kind of anti-Google person (in which case I'd recommend forgetting Internet business and blogging right now) and you get all the info for free, using Google Webmaster Tool for all your websites is a no-<span>brainer</span>.</p><p>If you haven't already,</p><ul><li>sign-in to <a href="http://www.google.com/webmasters/" title="Google Webmaster Central">Google Webmaster Tools</a> now,</li><li>claim ALL your websites now by adding the verification code to the header section of your website,</li><li>submit the <a href="http://zemalf.com/539/wordpress-xml-sitemap/" title="How To Add a XML Sitemap for Search Engines to Your Blog and Another Sitemap For Your Readers">XML sitemaps</a>, and</li><li>check in the data once or month or so (at the beginning you can check more often).</li></ul><p>Then you can utilize the information to easily optimize your site by correcting indexing errors or warnings and checking if you could make you can optimize your content for search engines.</p><p>Thanks for reading and feel free to ask any questions in the comments!</p> Here's more posts like to this:<ol><li><a href='http://zemalf.com/1036/how-to-get-indexed-by-google/' rel='bookmark' title='How To Get Indexed by Google In 6 Hours or Less'>How To Get Indexed by Google In 6 Hours or Less</a></li><li><a href='http://zemalf.com/964/top-5-free-tools-organize-ideas-blog-posts/' rel='bookmark' title='Top 5 Free Tools to Organize Your Ideas and Blog Posts'>Top 5 Free Tools to Organize Your Ideas and Blog Posts</a></li><li><a href='http://zemalf.com/1053/market-research-using-google-and-twitter/' rel='bookmark' title='Quick and Easy Market Research Using Google and Twitter'>Quick and Easy Market Research Using Google and Twitter</a></li></ol><p><hr /><p>Original post from Zemalf's <a href="http://zemalf.com">Website optimization</a> blog:<br /> <a href="http://zemalf.com/1035/google-webmaster-tools/">What Everybody Ought to Know About Google Webmaster Tools</a></p></p>]]></content:encoded> <wfw:commentRss>http://zemalf.com/1035/google-webmaster-tools/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced (User agent is rejected)
Database Caching 1/34 queries in 0.147 seconds using disk: basic
Object Caching 1182/1226 objects using disk: basic
Content Delivery Network via cdn.zemalf.com

Served from: zemalf.com @ 2012-02-08 00:39:10 -->
