<?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>DevWebPro</title>
	<atom:link href="http://www.devwebpro.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.devwebpro.com</link>
	<description>Web Developer Tutorials &#38; News</description>
	<lastBuildDate>Fri, 03 Feb 2012 13:12:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Google&#8217;s Above-the-Fold Algorithm Change Will Penalize Many Sites</title>
		<link>http://www.devwebpro.com/googles-above-the-fold-algorithm-change-will-penalize-many-sites/</link>
		<comments>http://www.devwebpro.com/googles-above-the-fold-algorithm-change-will-penalize-many-sites/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 12:51:04 +0000</pubDate>
		<dc:creator>Rene LeMerle</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8671</guid>
		<description><![CDATA[Continuing its efforts to keep its search results more quality-oriented, Google recently announced a significant algorithmic change. The change looks at the layout and amount of content on a webpage, if the ads above the fold are excessive, your site can be penalized and downgraded in the search results. As Matt Cutts wrote on the]]></description>
			<content:encoded><![CDATA[<p>Continuing its efforts to keep its search results more quality-oriented, Google recently announced a significant algorithmic change.</p>
<p><span id="more-8671"></span></p>
<p>The change looks at the layout and amount of content on a webpage, if the ads above the fold are excessive, your site can be penalized and downgraded in the search results.</p>
<p>As Matt Cutts wrote on the Google Webmaster Central Blog post.</p>
<blockquote><p>We&#8217;ve heard complaints from users that if they click on a result and it&#8217;s difficult to find the actual content, they aren&#8217;t happy with the experience. Rather than scrolling down the page past a slew of ads, users want to see content right away. So sites that don&#8217;t have much content &#8220;above-the-fold&#8221; can be affected by this change. If you click on a website and the part of the website you see first either doesn&#8217;t have a lot of visible content above-the-fold or dedicates a large fraction of the site&#8217;s initial screen real estate to ads, that&#8217;s not a very good user experience. Such sites may not rank as highly going forward.</p>
</blockquote>
<p>This new algorithmic update will penalize sites with little or no visible content above-the-fold or sites that have deliberately pushed relevant content underneath large blocks of ads.</p>
<p>While placing ads above-the-fold is quite a common practice for many websites; these ads are a good source of money for many online publishers as long as they do it within acceptable limits.</p>
<p>Users will not see much of a change on the front end as Google estimates that less than 1% of the searches globally will be affected by this algorithmic update. Actually, the chances of typical users noticing a reordering of results on the search page will be only 1 in 100.</p>
<p>For webmasters who have recently updated their page layout, the page layout algorithm will automatically reflect the changes as Google re-crawls and processes a sufficient number pages from your site to assess the changes made.</p>
<p>The length of time it will take for Google to reassess your pages will depend on several factors, including the number of pages on your site and how efficiently Googlebot can crawl the content. On a typical website, it can take several weeks for Googlebot to crawl and process enough pages to reflect layout changes on the site.</p>
<p>Put simply, if you have stuffed too many ads into the area above  the fold on your webpages , you are going to feel the wrath of Google&#8217;s algorithm penalty.</p>
<p>If you believe that your website has been a victim of the page layout algorithm change, its time you review how your web pages use the area above-the-fold and whether the content on the page is obscured or perhaps difficult to be reached by users.</p>
<p><a href="http://blog.ineedhits.com/search-news/googles-above-the-fold-algorithm-change-will-penalize-many-sites-311110847.html">Comments</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/googles-above-the-fold-algorithm-change-will-penalize-many-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How can you hack the LocalDictionary on a Mac system?</title>
		<link>http://www.devwebpro.com/how-can-you-hack-the-localdictionary-on-a-mac-system/</link>
		<comments>http://www.devwebpro.com/how-can-you-hack-the-localdictionary-on-a-mac-system/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 16:48:36 +0000</pubDate>
		<dc:creator>Dave Taylor</dc:creator>
				<category><![CDATA[Mac]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8669</guid>
		<description><![CDATA[Another question about the built-in Mac spell dictionary. (I did read the previous question How can I forget or edit a learned word in the Mac spelling dictionary?) Under User&#62;Library&#62;Spelling&#62; I have both LocalDictionary and en. What is the relationship between these two? Adding a great number of specialized, technical words one at a time]]></description>
			<content:encoded><![CDATA[<p>Another question about the built-in Mac spell dictionary. (I did read the previous question <a href="http://www.askdavetaylor.com/delete_forget_edit_learned_word_spelling_spell_dictionary.html">How can I forget or edit a learned word in the Mac spelling dictionary?</a>)</p>
<p><span id="more-8669"></span></p>
<p>Under User&gt;Library&gt;Spelling&gt; I have both <strong>LocalDictionary</strong> and <strong>en</strong>.</p>
<p>What is the relationship between these two? Adding a great number of specialized, technical words one at a time as they appear in my writing is taking a lot of time. Is there a way to add a great number of (specialized) words to one of these?</p>
<p>Dave&#8217;s Answer:</p>
<p>Great question and an interesting one both, because it turns out that the Mac OS X spelling subsystem that underlies its common spelling capability is eminently hackable. How can you tell? Simply open up the <b>LocalDictionary</b> file that you reference.</p>
<p>Before I do, however, I will say that it&#8217;s important to use the right editor: if you use an editor that adds the wrong line-end sequences, you can presumably mess up the dictionary. My suggestion, since I&#8217;m comfortable with the command line, is to open up Terminal.app and use either &#8220;emacs&#8221; or &#8220;vi&#8221; to add content to the file. Save the original file before you start, though, and presumably you could also just try something else like BBEdit, TextEdit or even Microsoft Word. It messes up? Just copy back the original!</p>
<p>Even if you don&#8217;t want to hack the file, you can still open it up and have a look by using TextEdit. Launch the program, then navigate to Library &gt; Spelling and open &#8220;LocalDictionary&#8221;.</p>
<p>Here&#8217;s what mine contains:</p>
<p><center><img width="378" border="0" height="240" style="border: 2px solid rgb(153, 153, 153); padding: 3px; border-radius: 4px 4px 4px 4px;" alt="textedit mac localdictionary 1" src="http://www.askdavetaylor.com/7-blog-pics/textedit-mac-localdictionary-1.png"/></center></p>
<p>Does it work? To test it while in <a href="#" style="text-decoration: underline ! important; position: static; font-family: inherit ! important; font-weight: inherit ! important; font-size: inherit ! important;" class="kLink" id="KonaLink5"><font color="#116" style="color: rgb(17, 17, 102) ! important; font-family: inherit ! important; font-weight: inherit ! important; font-size: inherit ! important; position: static;"><span style="color: rgb(17, 17, 102) ! important; font-family: inherit ! important; font-weight: inherit ! important; font-size: inherit ! important; position: static;" class="kLink">TextEdit</span></font></a>, I added the nonsense word &#8220;ptoi&#8221; and saved the file, then opened a new TextEdit window and typed that word in to the window. The result was that it was still marked as a spelling error. Hmm&#8230; </p>
<p>To test further, I logged out and logged in again. The result:</p>
<p><center><img width="332" border="0" height="239" style="border: 2px solid rgb(153, 153, 153); padding: 3px; border-radius: 4px 4px 4px 4px;" alt="textedit mac localdictionary 2" src="http://www.askdavetaylor.com/7-blog-pics/textedit-mac-localdictionary-2.png"/></center></p>
<p>No red squiggly line means that &#8220;ptoi&#8221; is now a valid word with an understood spelling.</p>
<p>Sweet! So there ya go. You don&#8217;t need to use Terminal.app or the command line, you simply need to open up the file with TextEdit and add the words you need, save it, and you&#8217;re good to go. Nice job making this easy to work with, <span class="mandelbrot_refrag"><a onclick="comMandelbrotLinksmart.creditEvent('HF7S-LSd0IFRMPGFZYH1J.20120131T155245', 'eddc8b7c-4db6-11e1-8d20-4040661f1fa0', '00f88f5d-0dca-472c-af29-c465839e3602', 2, 'http%3A//www.askdavetaylor.com/pair_apple_remote_ipad_iphone_with_apple_tv_atv2.html%3Flc%3Dint_mb_1001', 'apple', true, false, '', '', '', ''); return false;" href="http://www.askdavetaylor.com/pair_apple_remote_ipad_iphone_with_apple_tv_atv2.html?lc=int_mb_1001">Apple</a></span>!</p>
<p><a href="http://www.askdavetaylor.com/how_can_you_hack_the_localdictionary_on_a_mac_system.html">Comments</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/how-can-you-hack-the-localdictionary-on-a-mac-system/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Optimizing MySQL: The Slow Query Log</title>
		<link>http://www.devwebpro.com/optimizing-mysql-the-slow-query-log/</link>
		<comments>http://www.devwebpro.com/optimizing-mysql-the-slow-query-log/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 20:02:23 +0000</pubDate>
		<dc:creator>Michael Marr</dc:creator>
				<category><![CDATA[Database]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8666</guid>
		<description><![CDATA[I prescribe to the slow and steady approach in life. It&#8217;s a proven methodology in becoming succesful (just ask the Tortoise and/or the Hare). However, slow and steady is typically not acceptable in data computation, and SQL is no different. Thus, MySQL provides a Slow Query Log. Do you use the slow query log? Let]]></description>
			<content:encoded><![CDATA[<p>I prescribe to the slow and steady approach in life. It&#8217;s a proven methodology in becoming succesful (just ask the Tortoise and/or the Hare). However, slow and steady is typically not acceptable in data computation, and SQL is no different. Thus, MySQL provides a <a href="http://dev.mysql.com/doc/refman/5.0/en/slow-query-log.html" target="_blank">Slow Query Log</a>.</p>
<p><strong>Do you use the slow query log? Let us know your tips/stories in the comments section.</strong></p>
<p>The <code>long_query_time</code> parameter in your MySQL configuration becomes the baseline for which queries will end up in your slow query log. If no value is specified, the default value of 10 is used. Changing the default to any number (minimum of one) will log any query taking longer than that number of seconds to execute. So, by default, any queries taking longer than 10 seconds will be logged. The execution time does not include time the query waits to receive a table lock. If your performance issues are related to an overload of requests, slow query logs will not be very beneficial.</p>
<p>I recommend enabling this feature on your development servers, as it will potentially shed light on problems before your application reaches production. MySQL also provides an excellent tool, <a href="http://dev.mysql.com/doc/refman/5.0/en/mysqldumpslow.html" target="_blank"><code>mysqldumpslow</code></a>, to extract the logged queries.</p>
<p>Some other caveats to the slow query log:</p>
<ul>
<li>By default, administrative queries like <code>OPTIMIZE TABLE</code>, <code>ALTER TABLE</code>, and others are not included in the slow query log. To include these type of statements, use the <code>--log-slow-admin-statements</code> flag.</li>
<li>Keep the log file in a secure location, as some queries logged may include passwords or other sensitive data.</li>
<li>The slow query log will not tell you have to optimize slow queries, only that a slow query exists.</li>
<li>Slow queries are written to the log after the query has been executed and related locks released. Thus, order of queries in the slow query log may not correspond with actual execution time.</li>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/optimizing-mysql-the-slow-query-log/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Free Transforming To Show Perspective in Flash</title>
		<link>http://www.devwebpro.com/using-free-transforming-to-show-perspective-in-flash/</link>
		<comments>http://www.devwebpro.com/using-free-transforming-to-show-perspective-in-flash/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 20:54:06 +0000</pubDate>
		<dc:creator>Chad Sweely</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash development]]></category>
		<category><![CDATA[Free Transform]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8660</guid>
		<description><![CDATA[In this tutorial, I will show you how to display perspective (near to far) using objects in Flash with help of the Free Transform Tool. For a simple example of this, I will be showing you how to make a car from the distance become near. Step 1: Creating The Flash Document: After you have]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you how to display perspective (near to far) using objects in Flash with help of the Free Transform Tool. For a simple example of this, I will be showing you how to make a car from the distance become near. </p>
<p style="font-weight: bold;text-decoration: underline">Step 1: Creating The Flash Document:</p>
<p>After you have opened Flash, create a new document and resize your new Flash document in the <b>Properties Inspector</b>. To do this, click on the <em>Size</em> button with the default dimensions on the <b>Properties Inspector</b></p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step1_resize.jpg" /></p>
<p>Within the <em>Document Properties</em> window, make the dimensions of your Flash document 500 x 383. This will be the size of the background that we will be using. After the width has been set to 500 and height to 383, press the &#8220;OK&#8221; button, and your Flash document will automatically resize for you. </p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step1_docprops.jpg" /></p>
<p style="font-weight: bold;text-decoration: underline">Step 2: Importing The Images:</p>
<p>We are now ready to import the images (the car and the background) that we will be using into the <b>Library</b> in Flash. The images that I will be using in this tutorial can be downloaded here (<a href="http://images.ientrymail.com/chad/perspective/bgimg.jpg" target="_blank">background image</a> and <a href="http://images.ientrymail.com/flashnewz/chad/perspective/car.png" target="_blank">car</a>). (Courtesy of <a href="http://www.clipart.com/" title="Clipart.com" target="_blank">Clipart.com</a>)</p>
<p>To import the images into the <b>Library</b>, from the <em>File</em> menu, choose <em>Import to Library</em>, and an &#8220;Open&#8221; window will appear. From the &#8220;Import to Library&#8221; window, select the files that we will use in this tutorial and then press &#8220;OK&#8221;. </p>
<p>To open the <b>Library</b> (if it is not already open yet), press the F11 key, and the <b>Library</b> will automatically open for you. You will also see the files that you imported, and your <b>Library</b> should look similar to the image below. </p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step2_library.jpg" /></p>
<p>After the files have been imported into the <b>Library</b>, we are now ready to place them on the <b>Stage</b>; however, we will do this sequentially and not both objects at the same time. First, drag the file that we will use for the background (with the trees and the road) onto the <b>Stage</b> by dragging the filename. </p>
<p>When the background has been dragged onto the <b>Stage</b>, use your mouse and keyboard to nudge the image into the center of the stage so that all corners are flush. </p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step2_onstage.jpg" /></p>
<p style="font-weight: bold;text-decoration: underline">Step 3: Layering:</p>
<p>Before we place the car on the <b>Stage</b>, we will need to divide the <b>Timeline</b> into different layers. To do this, click the &#8220;Insert Layer&#8221; button on the bottom left-hand side of the <b>Timeline</b>, and a new layer (defaulting to the name of &#8220;Layer 2&#8243;) will automatically be created on top of Layer 1. </p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step3_newlayer.jpg" /></p>
<p>With the second layer (Layer 2) selected in the <b>Timeline</b>, drag the car image from the <b>Library</b> and place it at the top / far end of the road on the background image. The stage should look like the image below: </p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step3_caronstage.jpg" /></p>
<p style="font-weight: bold;text-decoration: underline">Step 4: Free Transforming:</p>
<p>As you can probably tell, the car is out of proportion with the rest of the image. To resize the car so that it is proportional, we will be using a tool from the <b>Toolbox</b> called <b>Free Transform</b>. With the <b>Free Transform Tool</b> selected from the <b>Toolbox</b>, click once on the car, and then use the crosshairs around the car to resize it to a normal proportion so that it looks far away.</p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step4_freetranstool.jpg" /></p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step4_carresized.jpg" /></p>
<p style="font-weight: bold;text-decoration: underline">Step 5: Getting The Car in Motion:</p>
<p>Now that we have both images set on the <b>Stage</b>, we are ready for the car to be set in motion. To allow the image to have the properties that we want attached to it, we will need to convert it to a graphic. To do this, select the car on the stage and press the F8 key. This will make the &#8220;Convert to Symbol&#8221; window appear. </p>
<p>Within the &#8220;Convert to Symbol&#8221; window, please enter the following parameters and then press &#8220;OK&#8221;: </p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step5_conv2sym.jpg" /></p>
<ul>
<li><b>Name:</b> Green Car</li>
<li><b>Behavior:</b> Graphic</li>
</ul>
<p>Now that the car has been converted a graphic object, we are almost ready to set it in motion. To give the car time to move, we will need to extend the time in the <b>Timeline</b>. To do this, with Layer 2 selected, click on the 30th keyframe in the <b>Timeline</b> and then press F6. This will copy all of the frames between 1 and 6 for Layer 2. After this has been performed, do the same for Layer 1. The <b>Timeline</b> should look like what I have provided below.</p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step5_timeline.jpg" /></p>
<p>Select keyframe 30 of Layer 2 in the <b>Timeline</b>. With this keyframe selected, click the car once with the <b>Free Transform Tool</b> selected from the <b>Toolbox</b>, and then resize the car to a large scale using the crosshairs. After the car is to a larger scale, move the location of the car to the bottom of the road / nearer to you. </p>
<p align="center"><img src="http://images.ientrymail.com/flashnewz/chad/perspective/step5_carnear.jpg" /></p>
<p style="font-weight: bold;text-decoration: underline">Step 6: Tweening</p>
<p>To give the car motion from point A to point B, we will need to add an element to the <b>Timeline</b> called <b>Tweening</b>. To do this, select any of the keyframes between 1 and 30 for Layer 2 in the <b>Timeline</b>. With one of these keyframes selected, from the &#8220;Tween&#8221; options in the <b>Properties Inspector</b>, select the &#8220;Motion&#8221; option. This will shade Layer 2 a bluish color with a straight line through it and animate the car to travel down the road. </p>
<p>To test the Flash animation that you have just created, from the <em>Control</em> menu, select the <em>Test Movie</em> option. Your Flash animation should look like the example that I have provided below. </p>
<p><object width="500" height="383"></p>
<p>  <embed src="http://images.ientrymail.com/flashnewz/chad/perspective/persptut.swf" type="application/x-shockwave-flash" width="500" height="383"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/using-free-transforming-to-show-perspective-in-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Average Search Rankings Redefined By Google</title>
		<link>http://www.devwebpro.com/average-search-rankings-redefined-by-google/</link>
		<comments>http://www.devwebpro.com/average-search-rankings-redefined-by-google/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 15:27:20 +0000</pubDate>
		<dc:creator>Navneet Kaushal</dc:creator>
				<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8654</guid>
		<description><![CDATA[The definitions of average position in the search query report in Google Webmaster Tools and search optimization report in Google Analytics is being changed by Google. The change was revealed in the Google Webmaster Blog and Google Analytics Blog. What’s the new definition? As per the new definition, your search ranking will be determined by]]></description>
			<content:encoded><![CDATA[<p>The definitions of average position in the search query report in Google Webmaster Tools and search optimization report in Google Analytics is being changed by Google. The change was revealed in the <a href="http://googlewebmastercentral.blogspot.com/2012/01/update-to-top-search-queries-data.html" target="_blank"><span style="text-decoration: underline;">Google Webmaster Blog</span></a> and <a href="http://analytics.blogspot.com/2012/01/update-to-search-engine-optimization.html" target="_blank"><span style="text-decoration: underline;">Google Analytics Blog</span></a>.</p>
<p><strong>What’s the new definition?</strong></p>
<p>As per the new definition, your search ranking will be determined by the average of the top ranking of the site for all searches, as opposed to all URLs listed and average that. Please note that only the top rankings will be taken. Earlier, the average search ranking was gathered by taking all the positions of your rankings and averaging them together.</p>
<p><strong>This is how Google explains it</strong>-</p>
<p>“Let’s say Nick searched for [bacon] and URLs from your site appeared in positions 3, 6, and 12. Jane also searched for [bacon] and URLs from your site appeared in positions 5 and 9. Previously, we would have averaged all these positions together and shown an Average Position of 7. Going forward, we’ll only average the highest position your site appeared in for each search (3 for Nick’s search and 5 for Jane’s search), for an Average Position of 4.”</p>
<p><a title="Google Average Ranking" href="http://www.devwebpro.com/?attachment_id=13120" rel="attachment wp-att-13120"><img title="Google Average Ranking" src="http://www.pagetrafficbuzz.com/wp-content/uploads/2012/01/Google-Average-Ranking.png" alt="Google Average Ranking" width="622" height="113" /></a></p>
<p><strong>The impact of this on your Top Search Queries and Google Analytics Data</strong></p>
<p>As per Google the historical data will not change, only the Top Search Queries Data going forward will be affected. Google said, “Note that the change in calculation means that the Average Position metric will usually stay the same or decrease, as we will no longer be averaging in lower-ranking URLs.”</p>
<p>Google is of the view that webmasters anticipations of how a link’s position in Google Search results should be reported will be matched better with this new method of calculation.</p>
<p><a href="http://www.pagetrafficbuzz.com/average-search-rankings-redefined-google/13119/">Comments</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/average-search-rankings-redefined-by-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basics of Debugging Google Analytics Code</title>
		<link>http://www.devwebpro.com/basics-of-debugging-google-analytics-code/</link>
		<comments>http://www.devwebpro.com/basics-of-debugging-google-analytics-code/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 15:46:00 +0000</pubDate>
		<dc:creator>Lukas Oldenburg</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8649</guid>
		<description><![CDATA[Is that Virtual Pageview really being sent to Google Analytics when someone submits my registration form? Does the Event Tracking Call for outbound links get to GA in time before the visitor has left my website? Why do I not get any data for clicks on my teaser links? Questions that can drive a Web]]></description>
			<content:encoded><![CDATA[<p><span class="Apple-style-span" style="font-size: 13px;">Is that Virtual Pageview really being sent to Google Analytics when someone submits my registration form? Does the Event Tracking Call for outbound links get to GA in time before the visitor has left my website? Why do I not get any data for clicks on my teaser links? Questions that can drive a Web Analyst mad. Not if you know how to debug.</span></strong></h1>
<p>When I started using Web Analytics tools, there always was this huge black box: I’d put the tracking code on each and every page, and from then on, I usually waited and hoped the code would work as intended. Often, it didn’t, but I wasn’t able to see that until hours or sometimes a day later when the reports poured in to Google Analytics. Sometimes, it seemed to work, but only in some browsers. And so on. The more complex the code got (like when using Event Tracking for Flash applications), the harder it was to find out whether the code actually did what I was hoping it did. Luckily, that time is over.</p>
<p><strong>Why is tracking code debugging so tedious?</strong></p>
<ul>
<li><strong>Time lag:</strong> It usually takes several minutes to hours for the data to pour into the reports (even real-time analytics is never really real-time)</li>
<li><strong>It was me, wasn’t it?</strong> You sometimes wonder whether the data in that report was caused by you or someone else that accidentally did the same thing on your website</li>
<li><strong>No access to IT resources:</strong> Web Analysts may know some JavaScript, but we mostly are not IT people, so if you are testing web analytics code you sometimes have to wait for your IT guy to upload every little code change. An absolute killer for continuous improvement!</li>
<li><strong>Testing on a test system isn’t the same as on a live system:</strong> There might be other scripts that are being loaded on the live system, the test system might be on another subdomain etc… Things that can be crucial for your code to function.</li>
</ul>
<div>You can certainly name several more reasons why debugging the old-fashioned way is a very frustrating and time-consuming exercise.</div>
<div><strong>Common Debugging Tools&nbsp;</strong></div>
<div>There are some good tools out there to switch on the light in the tracking code’s black box:</div>
<div>
<p><strong><a title="Fiddler2.com" href="http://www.fiddler2.com/" target="_blank">Fiddler2</a></strong><br />My absolute favorite (see next post on how to use this HTTP traffic monitoring tool). Fiddler2 makes it easy to view every request to Google Analytics (and any other javascript-based Web Analytics tool). You can even try out changes to your tracking code on your live system before releasing them to everyone, the tool is independent from browsers – and it is free!</p>
<p><strong><a title="Web Analytics Solution Profiler (WASP)" href="http://webanalyticssolutionprofiler.com/" target="_blank">Web Analytics Solution Profiler (WASP)</a></strong><br />A well-known Firefox add-on by Stéphane Hamel that now belongs to iPerceptions. It recognizes a wide array of Web Analytics Tools’ tracking codes and shows you if your tracking code is successfully being executed (or not), crawls your site to find untagged pages, and so on.</p>
<p>A drawback is that it only works in Firefox, although it allows you to fake another user agent (like “iPad” or “Internet Explorer” which can be cool.</p>
<p>The basic version is free, but to be honest, it doesn’t help me that much for my use cases. Maybe I am too stupid to use it the right way, my use cases aren’t the ones the tool is made for (like using several web analytics solutions on one website), or I should try the paid versions. <br />So feel free to share your experience with WASP here in the comments.</p>
<p><strong><a title="Charles Debugger" href="http://webanalyticsguy.wordpress.com/2009/01/21/de-bugging-web-analytics-tags/" target="_blank">Charles Debugger</a></strong><br />A tool similar to Fiddler2, see <a href="http://webanalyticsguy.wordpress.com/2009/01/21/de-bugging-web-analytics-tags/">this blog post</a> on how to use it for Web Analytics Code Debugging.</p>
<p><strong><a title="Firebug" href="https://addons.mozilla.org/de/firefox/addon/firebug/" target="_blank">Firebug</a>/Chrome Developer Console:</strong><br />A tool that makes any JavaScript Debugging so much easier, so it is a must-have for Web Analysts, too. And if you use Chrome, you don’t even have to install anything, not even a browser add-on (see <a href="http://www.youtube.com/watch?v=nOEw9iiopwI">this video</a>&nbsp;by a Google Chrome Developer with 12 tricks to get the most out of the Developer Tools). That helps when you have to debug on someone else’s computer for example.</p>
<p>The function I use most of the time apart from the <strong>Console </strong>(where errors are being logged)&nbsp;is the<strong> Network Tab</strong>. It can tell us if the tracking beacon has been sent to Google Analytics successfully. To find out, look for the __utm.gif request. If it displays a “200 OK” status code (see the green light in the screen shot), you know that Google Analytics has received the current Pageview or Event. You can take a look what is inside that request in the “Headers” tab (Cardinal Path’s Kent Clark’s marvelous “<a href="http://www.cardinalpath.com/cpwp/wp-content/uploads/ruga_cheat_sheet.pdf">Cheat Sheet</a>” helps interpreting the values).</p>
</div>
<div><img src="https://lh3.googleusercontent.com/dBVwrEGfdRCCRfEHWGQjLzOQ2Ni4XDxARm-ZF28SPS9pH0t_yrHkkGtuFT0urCeL97iiTsv-qrHJd5ggQ7un8j61zxR_DCJSSIBjxDb86ndfX43xYAo" alt="" height="448px;" width="549px;">
</p>
<p><strong><a href="https://chrome.google.com/webstore/detail/jnkmfdileelhofjcijamephohjechhna">Chrome GA Debugger</a> / <a href="http://code.google.com/apis/analytics/docs/tracking/gaTrackingTroubleshooting.html#gaDebug">ga_debug.js</a></strong><br />Google’s recommended debugging tool for Google Analytics is Chrome’s Add-On “GA Debugger”. It is basically a form of using the “ga_debug.js” script without having to alter your page’s code at all (if you use ga_debug.js, you will have to change ga.js into /u/ga_debug.js on every page you want to debug). Chrome GA Debugger is a nice and easy-to-use tool that logs every Pageview and Event that you send to Google Analytics in your Chrome Developer Console (right-click on any part of the page =&gt; “Inspect Element” → go to tab “Console”):</p>
</div>
<div><img src="https://lh4.googleusercontent.com/AstrVazvXXhqiFZYx0QvjL5Pmjbkj3goyqJhHH5XGoh92d31Zq9tVf5tCA5PIMnekageVC3yngQtRO6R6q00748dLm0D4emk-65S4aI23aYcPRCyFo0" alt="" height="279px;" width="689px;">
</p>
<p>Chrome GA Debugger shows you in an easy-to-read format what is being sent to Google Analytics without having to understand or inspect cookie variables or the Network Tab of your Console. It gives you hints like:</p>
</div>
<ul>
<li>Does my visit have the correct source/medium/campaign?</li>
<li>Are there pages that accidentally override those sources?</li>
<li>Are there pages where conflicting JavaScript or other reasons hinder the Tracking Code from being executed?</li>
</ul>
<p><strong>I am not using Chrome GA Debugger much anymore though because:</strong></p>
<ol>
<li><strong>It does not help with most cases of Event or Virtual Pageview Debugging.</strong>&nbsp;Events or Virtual Pageviews are most often tied to a click on a link (if you want to track the clicks on outbound links for example). If you click on a link though, you usually get to a new page, in which case Chrome’s Console is being cleared – and the Event Tracking call with it. So before you can take a look at what is being logged, it is gone.</li>
<li><strong>It is Chrome-only.</strong> What works on Chrome doesn’t necessarily work on Firefox or Internet Explorer.</li>
<li><strong>It breaks down sometimes,</strong> especially if you click quickly from page to page. And once it has broken down, nothing is being logged anymore even if you click slowly again to ensuing pages. That freaked me out because it always made me wonder whether my code wasn’t working well. You can easily restart the tool though by reloading the current page, but, even so, that is one factor that caused me to rarely use Chrome GA Debugger.</li>
</ol>
<p>So much for a brief overview on the matter and a deeper look into Chrome GA Debugger. In my next article, I am going to show you how to effectively use Fiddler2 on some real-life examples.</p>
<p><em><a href="http://www.webanalyticsworld.net/2012/01/basics-of-debugging-google-analytics-code-ga-chrome-debugger-and-other-tools.html">Originally published on Web Analytics World</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/basics-of-debugging-google-analytics-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How do I create a new Aperture library on my Mac?</title>
		<link>http://www.devwebpro.com/how-do-i-create-a-new-aperture-library-on-my-mac/</link>
		<comments>http://www.devwebpro.com/how-do-i-create-a-new-aperture-library-on-my-mac/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 14:25:55 +0000</pubDate>
		<dc:creator>Dave Taylor</dc:creator>
				<category><![CDATA[Mac]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8647</guid>
		<description><![CDATA[I take a lot of photos. So many that Aperture is starting to bog down. I was talking with a fellow photographer and he said that he splits his Aperture library every six months. Sounds like a good idea. How do I create a new Aperture library or, better, move a project into a new]]></description>
			<content:encoded><![CDATA[<p>I take a lot of photos. So many that Aperture is starting to bog down. I was talking with a fellow photographer and he said that he splits his Aperture library every six months. Sounds like a good idea. How do I create a new Aperture library or, better, move a project into a new library?<br />
<span id="more-8647"></span><br />
<br />
Dave&#8217;s Answer:</p>
<p>I&#8217;m a big fan of Aperture, but I have definitely found that it works a lot better with a few thousand photos than it does with ten thousand or more. Yes, I also take a lot of pictures! I don&#8217;t split things every six months, however, but I do create a new Aperture library every year, typically after I&#8217;ve imported a project or two in early January and realized that I haven&#8217;t split it off yet.</p>
<p>If you&#8217;re relatively new to Aperture, a &#8220;library&#8221; is a collection of &#8220;projects&#8221;, each of which can be comprised of one or more &#8220;events&#8221; which themselves are collections of photographs. So when I went to the 2012 Consumer Electronics Show, for example, I kept all the photos from the show in the same project, even though they were taken over the course of four days. </p>
<p>That being explained, there are two ways you can create a new library in the program. The first is to simply create a new library&#8230;</p>
<h2>Creating a New Aperture Library</h2>
<p>There are three steps to creating a new library, starting with choosing &#8220;Other/New&#8221; from the &#8220;Switch to Library&#8221; option on the &#8220;File&#8221; menu:</p>
<p><img src="http://www.askdavetaylor.com/7-blog-pics/mac-aperture-create-new-album-1.png" alt="mac aperture create new album 1" style="border: 2px solid rgb(153, 153, 153); padding: 3px; border-radius: 4px 4px 4px 4px;" border="0" height="152" width="550"></p>
<p>Aperture asks what library you want to use:</p>
<p><img src="http://www.askdavetaylor.com/7-blog-pics/mac-aperture-create-new-album-2.png" alt="mac aperture create new album 2" style="border: 2px solid rgb(153, 153, 153); padding: 3px; border-radius: 4px 4px 4px 4px;" border="0" height="312" width="550"></p>
<p>You need to click on the &#8220;Create New&#8221; button on the bottom, at which point the program asks you to name your new Aperture Library:</p>
<p><img src="http://www.askdavetaylor.com/7-blog-pics/mac-aperture-create-new-album-3.png" alt="mac aperture create new album 3" style="border: 2px solid rgb(153, 153, 153); padding: 3px; border-radius: 4px 4px 4px 4px;" border="0" height="356" width="550"></p>
<p>You&#8217;ll notice that I&#8217;ve stayed consistent with my naming scheme of &#8220;Aperture YEAR&#8221; by naming the new one &#8220;Aperture 2012&#8243;. I recommend keeping these libraries in the &#8220;Pictures&#8221; directory, but you can put it wherever you want, of course.</p>
<h2>Exporting Projects as a New Aperture Library</h2>
<p>If you&#8217;ve already imported one or more collections of photos into Aperture, however, creating a new library isn&#8217;t helpful because it&#8217;s tedious and a hassle to export projects and then import them into the new library.</p>
<p>Instead, select all the project or projectss you want to move, then Cmd-Click on any one of them:</p>
<p><img src="http://www.askdavetaylor.com/7-blog-pics/aperture-export-as-new-project.png" alt="aperture export as new project" style="border: 2px solid rgb(153, 153, 153); padding: 3px; border-radius: 4px 4px 4px 4px;" border="0" height="254" width="550"></p>
<p>As you can see, &#8220;Export as New Project&#8221; is the option to select. Pick it, then name your new Aperture library, perhaps &#8220;Aperture 2012&#8243; as I did. It&#8217;ll export the projects and create the new library which you can then easily switch to and proceed.</p>
<p>Hope that helps you get the most out of Aperture!</p>
<p><a href="http://www.askdavetaylor.com/how_to_create_new_aperture_library_on_mac.html">Comments</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/how-do-i-create-a-new-aperture-library-on-my-mac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twisted Swirly Thingy</title>
		<link>http://www.devwebpro.com/twisted-swirly-thingy/</link>
		<comments>http://www.devwebpro.com/twisted-swirly-thingy/#comments</comments>
		<pubDate>Wed, 18 Jan 2012 18:17:35 +0000</pubDate>
		<dc:creator>Soud Al-Abbasi</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Background design]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8613</guid>
		<description><![CDATA[This tutorial will teach you how to create an abstract background of twisted swirly lines using Adobe PhotoShop, something that looks like this: &#160; Let us start with a new file of your preferred aspect ratio (try to have a square, but a rectangle is fine just do not make it stretch too much because]]></description>
			<content:encoded><![CDATA[<div>
<div>
<div><strong>This tutorial will teach you how to create an abstract background of twisted swirly lines using Adobe PhotoShop, something that looks like this:</strong></div>
</div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly7.jpg"><img class="alignleft size-full wp-image-8616" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly7-e1326909255818.jpg" alt="" width="450" height="337" /></a></strong></div>
<div>
<div><strong>Let us start with a new file of your preferred aspect ratio (try to have a square, but a rectangle is fine just do not make it stretch too much because that won’t give the intended results.) I used the preset web with 1600X1200 for this one.</strong></div>
<div><strong> Set the foreground and background colors of your choice (I used black and white for additional effects.)Then, Filter &gt; Render &gt; Clouds.</strong></div>
</div>
<p>&nbsp;</p>
</div>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly-e1326909398172.jpg"><img class="alignleft size-full wp-image-8617" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly-e1326909398172.jpg" alt="" width="450" height="337" /></a></strong></div>
<p>&nbsp;</p>
<div><strong>Then, Filter &gt; Pixelate &gt; Mezzotint.</strong><br />
<strong> Choose Medium Strokes for best results, press OK, and this is what you get.</strong></div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly2-e1326909513999.jpg"><img class="alignleft size-full wp-image-8619" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly2-e1326909513999.jpg" alt="" width="450" height="337" /></a></strong></div>
<div>
<div><strong>Now choose Filter &gt; Blur &gt; Radial Blur.</strong><br />
<strong> Choose the following settings:</strong><br />
<strong> Amount: 100, Blur method: Zoom, Quality: Best</strong></div>
</div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Screen-Shot-2012-01-17-at-12.10.44-PM.png"><img class="alignleft size-full wp-image-8618" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Screen-Shot-2012-01-17-at-12.10.44-PM.png" alt="" width="285" height="284" /></a></strong></div>
<div>
<div><strong>Press OK, then click Command (or Ctrl) + F to apply the filter again. This is how the image should look like:</strong></div>
</div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly3.jpg"><img class="alignleft size-full wp-image-8620" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly3-e1326909566657.jpg" alt="" width="450" height="337" /></a></strong></div>
<div>
<div><strong>Command (or Ctrl) + J twice to copy the layer twice.</strong><br />
<strong> Choose the third layer and apply this filter:</strong><br />
<strong> Filter &gt; Distort &gt; Twirl</strong><br />
<strong> Set the Angle to a positive angle, somewhere between the range of 80 to 360. I chose 360 but it is up to your artistic rendition, then press OK. This is what you have for the third layer:</strong></div>
</div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly4.jpg"><img class="alignleft size-full wp-image-8621" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly4-e1326909601519.jpg" alt="" width="450" height="337" /></a></strong></div>
<div>
<div>
<strong>Click the eye on the third layer to hide it, choose the second layer and apply the same filter, this time with a negative number, preferably the same number as the third layer, then press OK.Now show the third layer and select it. Change the blending mode to Lighten, and do the same thing for the second layer, this is what you should end up with:</strong></div>
</div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly5.jpg"><img class="alignleft size-full wp-image-8622" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly5-e1326909632905.jpg" alt="" width="450" height="337" /></a></strong></div>
<div>
<div>
<strong>Since you chose the colors of your liking in the beginning, you are almost done, all you have to do is to right click on one of the layers and choose Flatten Image then save the file and you are done.However, I chose black and white colors for a small addition to the process. If you did so, do NOT flatten the image, we are not done yet. This is just an extra.</strong></p>
<p><strong>Select the third layer, then go to Image &gt; Adjustments &gt; Selective Color.</strong><br />
<strong> The Method I chose is Relative, and personally I prefer that.</strong><br />
<strong> We are going to change the following Colors: Whites, Neutrals, and Blacks.</strong><br />
<strong> Choose each one of the colors and adjust to your taste and liking, and you can always keep the colors as they are. This section is all up to you, boss, so be creative. Click OK after you have adjusted the colors to your liking.</strong></div>
<p>&nbsp;</p>
<div><strong> This is what I have so far by changing only the Whites and the Neutrals of the third layer:</strong></div>
</div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly6.jpg"><img class="alignleft size-full wp-image-8623" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly6-e1326909668442.jpg" alt="" width="450" height="337" /></a></strong></div>
<div>
<div><strong>Apply the same to the second and first layer and adjust each of the colors to your preference. When you have the results you like, right click on any of the layer and Flatten Image. You can now save the image. This my final result:</strong></div>
</div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly71.jpg"><img class="alignleft size-full wp-image-8624" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly71-e1326909710523.jpg" alt="" width="450" height="337" /></a></strong></div>
<p>&nbsp;</p>
<div><strong>(Optional addition) After you have flattened the image, Command (or Ctrl) + J to create a new layer, and change that layer’s blending option to, again, your preference, to create the effect you seek, flatten the image and save the final progress. I chose the blending option Color Burn to end up with this:</strong></div>
<p>&nbsp;</p>
<div><strong><a href="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly81.jpg"><img class="alignleft size-full wp-image-8626" src="http://www.devwebpro.com/wp-content/uploads/2012/01/Swirly81.jpg" alt="" width="450" height="338" /></a></strong></div>
<p>&nbsp;</p>
<div>
<div><strong>Hope you enjoyed this tutorial. Don’t forget to leave your comments.</strong></div>
</div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/twisted-swirly-thingy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Ways Google Search Plus Your World Impacts SEO</title>
		<link>http://www.devwebpro.com/5-ways-google-search-plus-your-world-impacts-seo/</link>
		<comments>http://www.devwebpro.com/5-ways-google-search-plus-your-world-impacts-seo/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 20:11:21 +0000</pubDate>
		<dc:creator>Jacob Stoops</dc:creator>
				<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8608</guid>
		<description><![CDATA[As you probably well know by now, Google struck another blow the other day in the social wars with the launch of Search Plus Your World, their enhanced algorithm for personalization in your SERPs. This change will have far reaching impacts on a variety of things, including SEO. That being said, I’ll discuss the SEO]]></description>
			<content:encoded><![CDATA[<p>As you probably well know by now, Google struck another blow the other day in the social wars with the launch of <a href="http://www.agent-seo.com/search-news/google-launches-search-plus-your-world/" title="Agent SEO Article: Google Launches Search Plus Your World">Search Plus Your World</a>, their enhanced algorithm for  personalization in your SERPs.</p>
<p> <span id="more-8608"></span></p>
<p><img src="http://www.agent-seo.com/wp-content/uploads/2012/01/search-plus-your-world6.jpg" alt="The SEO Impact of Google's Search Plus Your World" height="330" width="560"></p>
<p>This change will have far reaching impacts on a variety of things, including SEO. That being said, I’ll discuss the <strong>SEO impact of Search Plus Your World</strong> as I see it at this point.</p>
<h4>#1. Increased Attention on Google+</h4>
<p>One of the most notable things that came out of this release in my opinion was the lack of integration with Facebook and Twitter (for now) – which aren’t promoted in this update.</p>
<p><img src="http://www.agent-seo.com/wp-content/uploads/2012/01/search-plus-results2.jpg" alt="Google Search Plus Your World | Google+ Profile in Search Screenshot #1" height="286" width="560"></p>
<p>This is not to say that results from Twitter and Facebook won’t be appearing in Google’s search results, they just won’t be as heavily integrated into this new personalization display.</p>
<p><a href="http://searchenginewatch.com/topic/amit_singhal" title="Search Engine Watch | Topic | Amit Singhal" target="_blank">Amit Singhal</a>, who oversees Google’s ranking algorithms,  had this to say about the omission of Facebook and Twitter:</p>
<blockquote><p>
“Facebook and Twitter and other services, basically, their terms of service don’t allow us to crawl them deeply and store things. Google+ is the only [network] that provides such a persistent service. Of course, going forward, if others were willing to change, we’d look at designing things to see how it would work.”
</p>
</blockquote>
<p>SEO and <a href="http://www.agent-seo.com/category/social/" title="Agent SEO | Category | Social Media">Social Media</a> have been right on the cusp of really being joined at the hip – meaning we’re getting very close to the point (we may already be there) where you can’t run an SEO campaign without integrating it heavily with social media.</p>
<p>Up until a few days ago, most of the focus of SEO-Social efforts had been on primarily on Facebook and Twitter as the primary outlets to focus on with Google+ in the background but pulling closer – and rightly so.</p>
<p>That model has been effectively flipped on its head <a href="http://www.webpronews.com/google-search-plus-your-world-twitter-response-2012-01" title="WebProNews Article | Google “Search, Plus Your World”: Twitter Not Happy" target="_blank">much to the chagrin of the folks at Twitter</a>. </p>
<p>Since Google is the most influential search engine and they are clearly integrating and favoring results coming from people’s Google+ circles, this becomes the most important social outlet to focus on from a SEO-Social perspective. No more ignoring it.</p>
<h4>#2. Relevancy Will Change</h4>
<p>In the past, Google and most other search engines put a high priority on relevancy as the most important factor in search – and still claim to. That is, they are committed to providing the user with the most relevant search results to their query.</p>
<p>So, in an effort to increase a website’s relevancy, most SEOs typically focus on writing great content, working on things like page titles, and building quality backlinks.</p>
<p><img src="http://www.agent-seo.com/wp-content/uploads/2012/01/search-plus-results1.jpg" alt="Google Search Plus Your World | Personalized Results Screenshot #1" height="479" width="560"></p>
<p>In the last couple days, I’ve noticed more and more Google+ content being featured – even if it wasn’t the most relevant result for what I was looking for. Danny Sullivan <a href="http://searchengineland.com/examples-google-search-plus-drive-facebook-twitter-crazy-107554" title="SearchEngineLand | Article | Danny Sullivan | Real-Life Examples Of How Google’s “Search Plus” Pushes Google+ Over Relevancy" target="_blank">echoed my statements in an article</a> two days ago:</p>
<blockquote><p>
“<strong>Being Relevant Means Going Beyond Google+</strong></p>
<p>Why does that matter? It’s Google’s search engine, after all! Two reasons.</p>
<p>The first is legal. By having a dominant position in search, Google might ultimately be responsible for going above-and-beyond to include competitors. That’s part of what the current anti-trust investigations into Google are all about. One complaint over today’s move — though likely mostly about privacy — is already being readied.</p>
<p>The second is about relevancy. Google’s job as a search engine is to direct searchers to the most relevant information on the web, not just to information that Google may have an interest in.</p>
<p>These suggestions would be better if they included other services, and that’s the standard Google’s search results should aim for, returning the best.</p>
<p><strong>What Google+ Might Not Have</strong></p>
<p>Would listing Britney’s Facebook page be better? Maybe. After all, if you want to follow Britney socially, you won’t find a picture she shared of her and Snoop Dogg on Google+ (where she has 1.4 million followers). She only shared that on her Facebook page, with her 16 million followers there…”
</p>
</blockquote>
<p>I agree all the way on this one…</p>
<h4>#3. Multiple SEO Strategies</h4>
<p>Practitioners of SEO may now be forced to have two SEO strategies running concurrently with each other: a “personalized” strategy, and their “normal” strategy.</p>
<p>It is highly likely that many high-level initiatives from what would be deemed your “normal” SEO strategy will not change. Things like page titles, writing effective copy, solid site architecture, and link building will likely remain as core foundational strategies.</p>
<p>What will change will be the need for developing a strategy for building your client’s Google+ networks while gaining their social approval and trust in order to create an organic environment of sharing – which will have an impact on how that network’s personalized results will be display (and then shared forward).</p>
<h4>#4. Link Building Will Change</h4>
<p>The fact that link building as a practice will continue to be one of the cornerstones of good SEO is likely to remain unchanged. </p>
<p>Links are like “votes” for a website, and the more votes you have the more trust and better rankings your website is likely to garner. Furthermore, links/votes from high-quality sources are more valuable and influential than those from lower-quality sources.</p>
<p>This part won’t change.</p>
<p>What will change is the focus on Google+ as a source of links and way to get your content shared. The most important factor here will be getting shares of your links from Google+ users who themselves have wide networks (sometimes called “Power-Users”).</p>
<p>Companies and SEOs alike will need to develop strategies to gain the approval of these influencers in the respective niches. A +1 from their niche’s big shot will be the social equivalent of the .org/.edu/.gov backlink.</p>
<p><img src="http://www.agent-seo.com/wp-content/uploads/2012/01/gplus-influence.jpg" alt="Showing Chris Brogan's Influence Across Google+" height="474" width="560"></p>
<p>Whereas 1-2 links from high-quality websites can do as much or even more good than 100 links from lower-quality sites, 1 or 2 shares from “Power-Users” will ensure that your links/URLs get distributed across wide networks of users – and is likely to impact how those stories are then displayed in the personalized results.</p>
<p>In this way, <em>links from high quality sites = shares from G+ users with large networks</em>.</p>
<h4>#5. Continued Loss of Keyword Referral Data</h4>
<p>Since October, Google has been providing users who are signed in with Encrypted search results. From an SEO perspective, when a user is signed in and performs a search, we lose the ability to track which organic keywords they are searching through our analytics platforms. Instead, the Keyword Referrals show up as the infamous <em>(not provided)</em>.</p>
<p>Originally, Google stated that it would impact <a href="http://searchengineland.com/google-to-begin-encrypting-searches-outbound-clicks-by-default-97435" title="SearchEngineLand | Article | Danny Sullivan | Google To Begin Encrypting Searches &amp; Outbound Clicks By Default With SSL Search" target="_blank">single-digit percentages</a> (so less than 10%) of organic searches. However, I’ve been experiencing between a 20-30% ratio here on the Agent SEO blog and have seen a similar impact on other sites.</p>
<p><img src="http://www.agent-seo.com/wp-content/uploads/2012/01/not-provided.jpg" alt="Not Provided Keyword Referral Data from Google Analytics" height="39" width="560"></p>
<p>With the implementation of Search Plus Your Word along with the increased emphasis on having Google+ and GMail accounts, I do not see this ratio going down – and it is likely to continue to grow.</p>
<p>Google provides us with some insight into some of their security initiatives, including the full-scale implentation of SSL search for signed-in users:</p>
<blockquote><p>
“When it comes to security and privacy, we set a high bar for Search plus Your World. Since some of the information you’ll now find in search results, including Google+ posts and private photos, is already secured by <a href="http://en.wikipedia.org/wiki/Secure_Sockets_Layer" title="Wikipedia: Secure Sockets Layer (SSL)" target="_blank">SSL encryption</a> on Google+, we have decided that the results page should also have the same level of security and privacy protection. That’s part of why we were the first major search engine to <a href="http://googleblog.blogspot.com/2011/10/making-search-more-secure.html" title="From the GoogleBlog: Making Search More Secure" target="_blank">turn on search via SSL by default for signed-in users last year</a>. This means when you’re signed in to Google, your search results—including your private content—are protected by the same high standards of encryption as your messages in Gmail.
</p>
</blockquote>
<p>So what does this mean from an SEO perspective? We will continue to lose more and more of our Keyword Referral data and will likely have to come up with alternate means of reporting organic traffic and business impacts on the keyword-level.</p>
<p>Basically, it sucks for us SEOs – although I do find it quite suspicious that Google provides this type of data for people who are running Adwords. So basically, if you pay them you get data, if the searches come in for free you don’t.</p>
<p>So tell me, how has this change impacted you? Do you like it or not, and why?</p>
<p><a href="http://www.agent-seo.com/seo/impact-of-search-plus-your-world/">Comments</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/5-ways-google-search-plus-your-world-impacts-seo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google&#8217;s Advice for Testing Your Website</title>
		<link>http://www.devwebpro.com/googles-advice-for-testing-your-website/</link>
		<comments>http://www.devwebpro.com/googles-advice-for-testing-your-website/#comments</comments>
		<pubDate>Fri, 06 Jan 2012 08:44:25 +0000</pubDate>
		<dc:creator>Rene LeMerle</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/?p=8606</guid>
		<description><![CDATA[Ever wondered whether your targeted audience is really finding your website useful? Is the high bounce rates from any of your pages a matter of concern for you? Well, you’re in luck… Google is giving out some simple and handy tips on its latest Webmaster Central Blog that will help you understand and analyze the]]></description>
			<content:encoded><![CDATA[<p>Ever wondered whether your targeted audience is really finding your website useful? Is the high bounce rates from any of your pages a matter of concern for you? Well, you’re in luck… Google is giving out some simple and handy tips on its latest Webmaster Central Blog that will help you understand and analyze the usage of your website from a visitor’s perspective.</p>
<p>For example, did you know that on average users scroll down 5.9 times as often as they scroll up, meaning that often once a page content is scrolled past, it is “lost” .</p>
<p>If you have never though of these things before or did not succeed in finding an answer to these questions before, this is a good opportunity to find an answer to these questions.</p>
<p>I have outlined Google’s advice for you below:</p>
<p><strong>First, think about your user</strong></p>
<p>Whether you are launching a new web project or completely revamping your existing site some important questions need to be asked answers to which will add value to your website.</p>
<ul>
<li>How might users access your site—home, office, on-the-go?</li>
<li>How tech-savvy are your visitors?</li>
<li>How familiar are users with the subject matter of your website?</li>
</ul>
<p>&nbsp;</p>
<p><strong>Simple Testing</strong></p>
<p>Even before you get started a brief profile of your user’s behavioral patterns will give you enough information to help you plan the website content and design as per the user’s liking. So basically you should be looking for information that helps you score your site for its functionality, ease of finding information and common site interactions.</p>
<ul>
<li><strong>Sample size:</strong> You can start with your family and friends and even a group of five people can provide substantial information on the common problems in your layouts and navigation.</li>
<li>Choosing your testers: While every tester will give a different feedback, concentrate on the feedbacks that only focus on a particular pattern rather than on every individual issue encountered by the testers. For example, if more than 50% of your testers have the same usability issue; it’s likely to be a genuine problem on site.</li>
<li><strong>Testing location:</strong> Getting the users to navigate your site in your presence will give you an opportunity to observe how every individual navigates the web in their personal natural surroundings. For those who cannot do this remote testing is also a possibility and Google+ hangouts is a handy tool for this purpose.</li>
<li><strong>How to test: </strong> Ask your testers to complete 4-5 tasks, which summarize your website’s goal, and observe them. If they are around you ask them to speak out their experiences and opinions rather then giving it to you in writing.</li>
<li><strong>What to test:</strong> You can use a basic test model in HTML to test the basic interactions, in case you do not have a fully functional site for testing. This way, you can test different navigation and layouts alternatives and check their performance before actually implementing them.</li>
<li><strong>What not to test: </strong>Your focus should be on the usability of your site rather than appearance, because only quantitative tests conducted over large groups (200+) will get you a real feedback about the appearance of your site. To test the effectiveness of your design you can offer a few descriptive keywords and ask your users to rate them as per their liking.</li>
</ul>
<p>&nbsp;</p>
<p>Apart from these, keep a check on things like:</p>
<ul>
<li>Highlighting hidden text/content appropriately so that it is easily accessible by the user.</li>
<li>Use proper and effective language that is eye catching as well as easy to understand. Avoid using “Learn more…” in link text—as users seem to avoid clicking on a link which implies they will need to spend time learning about something.</li>
<li>Check your page load speed on various network connections like public places with WiFi, secured office connections etc. Google’s Page Speed tool comes in handy over here.</li>
</ul>
<p>All in all Google has come up with solutions to your long pending designing/redesigning woes and investing some time here will surely help you reap good returns in the future.</p>
<p><a href="http://blog.ineedhits.com/search-news/google%E2%80%99s-advice-for-testing-your-website-043810696.html">Comments</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/googles-advice-for-testing-your-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

