<?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>El Chango Media</title>
	<atom:link href="http://www.elchango.ca/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.elchango.ca</link>
	<description>El Chango Media&#039;s blog provides articles on web development, website design, search engine optimization, Wordpress, and online marketing tips.</description>
	<lastBuildDate>Fri, 17 May 2013 19:51:23 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>WordPress Blog Post Checklist</title>
		<link>http://www.elchango.ca/blog/2013/05/wordpress-blog-post-checklist/</link>
		<comments>http://www.elchango.ca/blog/2013/05/wordpress-blog-post-checklist/#comments</comments>
		<pubDate>Fri, 17 May 2013 19:51:23 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Online Marketing Strategy]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[alt tags]]></category>
		<category><![CDATA[blog post checklist]]></category>
		<category><![CDATA[meta tags]]></category>
		<category><![CDATA[open graph tags]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[share post on social media]]></category>
		<category><![CDATA[wordpress blog post]]></category>
		<category><![CDATA[wordpress categories]]></category>
		<category><![CDATA[wordpress checklist]]></category>
		<category><![CDATA[wordpress post checklist]]></category>
		<category><![CDATA[wordpress tags]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=514</guid>
		<description><![CDATA[Posting a blog isn&#8217;t as simple as writing your content and hitting the publish button, there are many other things to keep in mind if you want your post to reach as many readers as possible. How the search engines will index your post, how social media services will display your post, and other features, [...]]]></description>
				<content:encoded><![CDATA[<p>Posting a blog isn&#8217;t as simple as writing your content and hitting the publish button, there are many other things to keep in mind if you want your post to reach as many readers as possible. How the search engines will index your post, how social media services will display your post, and other features, like categorizing and tagging, are just some of the ways to help potential visitors find your content.<span id="more-514"></span></p>
<p>Remembering to do all of these can be daunting so I&#8217;ve created a list below of things to do and check before publishing your blog post.</p>
<h3>Post Title</h3>
<p>The title of the post should be engaging and contain keywords that are also in the content. Keep in mind that it will most likely be the post title that appears in social media when your post is shared so you want the title to be enticing enough for people to click.</p>
<h3>Content</h3>
<p>Your content should be well written, free of errors, and properly formatted.</p>
<h4>Headings</h4>
<p>Ideally, your post&#8217;s content should be divided into sections by using the appropriate Heading tags (ie. h1, h2, h3, etc.). Generally, the post title is h1 so you should use h2 or lower, depending if they are sub categories or beyond.</p>
<h4>Bullets</h4>
<p>To properly use bullets, you should be using the icon options in the editor. A common mistake is to use hyphens but using the editor tools ensures the content is properly coded in HTML, making it easier for search engines to read.</p>
<h3>Images</h3>
<p>Whether the photos you use are inserted into the Posts themselves or you&#8217;re using a Gallery or Featured Image, you should always make sure that your images have proper ALT tags with a brief description of the photo. This description helps the search engines understand what the photo is about and how to index it in their search results. The description should contain keywords that match the keywords in the content of the post.</p>
<p>Also, it is best-practice for images within posts to have a Caption, or a brief description that appears on the webpage under the photo. It just helps the reader to know where the photo was taken and connects that photo back to the content in the post. The Caption can be similar to the Alt tag.</p>
<h3>Categories</h3>
<p>Assigning your post to one or more Categories is a great way to organize your content. It may not be clear when you first start your blog but after you&#8217;ve got a large number of posts, you can start using Categories by linking directory to those posts of a certain topic. Using Categories at the start saves you a lot of hassle in the long run.</p>
<h3>Tags</h3>
<p>Tags are often forgotten about and left blank but they&#8217;re important because they offer another way of organizing your content. By applying tags, you can add a large list of keywords and, as your blog grows, using tools such as a Tag Cloud will help identify the popular content on your site for your users. Tags can sometimes be thought of as similar to Categories, although with Categories, you will tend to add a post to 1-5 Categories, with Tags, you can easily add a dozen or more.</p>
<h3>Search Engine Optimization (SEO)</h3>
<p>The SEO elements to check on your blog post are ensuring your Page Titles, Meta Description, and Meta Keywords contain proper keywords that match those in the content of your post. WordPress tends to auto generate Page Titles and will not automatically add in Meta Tags, so best practice is to review these elements and customize them so they compliment the content.</p>
<p>I&#8217;ve found either the <a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/" target="_blank">All In One SEO Pack</a> or <a href="http://wordpress.org/extend/plugins/wordpress-seo/" target="_blank">WordPress SEO by Yoast</a> to  be the most useful plugins. Both plugins add options directly onto the Post Editing Page below the content field for you to customize Page Titles and Meta Tags. If you decide not to, they will also automatically generate Page Titles based on the Post Title and a Meta Description Tag based on the first sentence of the post.</p>
<h3>Facebook Open Graph</h3>
<p>Facebook uses a number of Open Graph Tags to understand the content on a page that is Shared or Liked. You can customize this content by using a simple plugin, like <a href="http://wordpress.org/extend/plugins/wp-open-graph-meta/" target="_blank">WP Open Graph Meta</a>, so that the Title, Description, and, in some cases, the image that appears in Facebook is what you want it to be.</p>
<h3>Final Tasks</h3>
<p>Once you&#8217;ve pressed the Published Button, <strong>double check</strong> your blog post for all of the above and make sure it appears correctly. Make any changes to the post quickly. Once your confident everything has been done properly, <strong>share your post</strong> on Facebook, Twitter, Google+, and any other social media networks where you have built your audience.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2013/05/wordpress-blog-post-checklist/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Learn With Google For Publishers</title>
		<link>http://www.elchango.ca/blog/2013/02/learn-with-google-for-publishers-adsense/</link>
		<comments>http://www.elchango.ca/blog/2013/02/learn-with-google-for-publishers-adsense/#comments</comments>
		<pubDate>Tue, 12 Feb 2013 18:59:34 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Online Marketing Strategy]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<category><![CDATA[adsense]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google adsense]]></category>
		<category><![CDATA[google analytics]]></category>
		<category><![CDATA[learn with google]]></category>
		<category><![CDATA[learn with google for publishers]]></category>
		<category><![CDATA[mobile ads]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=496</guid>
		<description><![CDATA[Last week, I attended the Learn With Google For Publishers day-event in Los Angeles put on by the Adsense team. I had previously attended 2 Adsense In Your City events and found them to be useful, mainly the 20 minute sit-down given by a Google representative to look through and optimize my site. However, I [...]]]></description>
				<content:encoded><![CDATA[<p>Last week, I attended the <a href="http://adsense.blogspot.ca/2012/12/coming-soon-learn-with-google-for.html" target="_blank">Learn With Google For Publishers</a> day-event in Los Angeles put on by the Adsense team. I had previously attended 2 Adsense In Your City events and found them to be useful, mainly the 20 minute sit-down given by a Google representative to look through and optimize my site. However, I felt like these previous events just touched on the basics and was hoping to get more tips and insight into the Adsense system.<span id="more-496"></span></p>
<p>What I got at the Learn With Google For Publishers was an opportunity to meet lots of other publishers of content, and while they were running websites on a whole variety of topics, they were essentially doing what I was. This group had spent a lot of time on their sites and also learning the ins-and-outs of Google and how to optimize and drive traffic to their sites. Talking with this group over lunch and in between sessions was the best part of the event as it gave me ideas on how to improve my sites and my content.</p>
<div id="attachment_500" class="wp-caption alignnone" style="width: 526px"><img class="size-full wp-image-500" alt="The setting sun from Manhattan Beach in Los Angeles" src="http://www.elchango.ca/wp-content/uploads/2013/02/manhattan-beach-los-angeles-sunset.jpg" width="516" height="381" /><p class="wp-caption-text">The setting sun from Manhattan Beach in Los Angeles</p></div>
<h3>Sessions</h3>
<p>The day was divided up into several sessions with 2 running simultaneously which gave us the chance to pick and choose what we wanted to go to. The first session I attended was <strong>UX and Site Design Strategies and Understanding Performance Reports</strong>. The presenter stressed the follow design strategies that Google likes to see for all websites:</p>
<ol>
<li>Focus on user’s goals and your goal</li>
<li>Employ a clear structure to guide the user</li>
<li>Ensure that users know what actions to take</li>
<li>Tailor your site experience to the user’s situation</li>
<li>Turn casual visitors into loyal users</li>
</ol>
<p>For the the Performance Reports in Google Adsense, all of the typical key performance indicators were mentioned, like looking at the new vs. returning visitors report, social media reports. What was an interesting tip was the presenter mentioned that sites that have an Enewsletter are typically growing.</p>
<p>The second session I attend was one on <strong>Google Analytics</strong>. I found this session to be quite basic, although I&#8217;ve been working with Google Analytics for years and try to stay on top of the latest features they roll out. The main ideas that I took from this session were:</p>
<ul>
<li>creating and monitoring your website goals</li>
<li>customizing the dashboard</li>
<li>looking at the top landing pages</li>
<li>looking at pages with high bounce rates</li>
<li>try running Content Experiments via Google Analytics</li>
</ul>
<p>The third breakout session I attend was <strong>Growing with DFP for Small Business</strong>. DFP refers to <a href="http://www.google.com/dfp/info/sb/index.html" target="_blank">DoubleClick for Publishers</a> and is a system where you can run Adsense Ads as well as other advertising network&#8217;s ads or your own ads you negotiation with advertisers. The DFP system has lots of advanced features that will compare the CPM of ads from different networks and choose to run ads that yield higher revenue or run ads during timeframes that you specify. I haven&#8217;t used DFP yet and I found this session to be pretty advanced, which seemed to be the general feeling amongst the class. However, I will be taking a look at DFP and I do believe that many of the others who were in the session were interested in some of the features offered as well.</p>
<p>The day ended with sessions for everyone on <strong>Mobile</strong> and <strong>Social Media</strong>. The Mobile session felt a bit weak and a lot of people&#8217;s questions were given answers that Google Engineer&#8217;s are looking into these issues and recognize there&#8217;s room for development / improvement. It sums up what I&#8217;ve been seeing and talking to people about with mobile where they recognize there&#8217;s opportunity but there&#8217;s so many solutions and which one works best is still being determined.</p>
<p>The one key tip that I did get from the Mobile Session was the total number of ads you are running in a Responsive Design includes both the mobile and desktops ads. If you are running 4 desktops ads on your homepage for desktop users and 3 mobile ads on your homepage for mobile users in a responsive web design, you&#8217;re over your limit of ads per page and breaching the Adsense Terms and Conditions. This was one of the issues the Adsense team is aware of and working but I would suspect there are lots of publishers unaware of this issue.</p>
<p>The Social Media Session was strictly Google+ and the key recommendation mentioned by the presenter was to:</p>
<ol>
<li>Set up a Google+ Page for your business</li>
<li>Add a Google+ button to your website</li>
<li>Get followers for your Google+ page</li>
<li>Get your Google+ page verified</li>
</ol>
<h3>Conclusion</h3>
<p>I felt the Learn With Google For Publishers in Los Angeles event was worthwhile to attend and I got some good tips from the sessions and a list of things to look into more in-depth. However, it was talking to the other publishers, hearing their stories, and their successes and failures, that was the most valuable. Knowing this group is out there, I will be looking at following the <a href="https://plus.google.com/+AdSense/" target="_blank">Adsense Google+ page</a> and attending one of their Hangouts in the future.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2013/02/learn-with-google-for-publishers-adsense/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook Graph Search &#8211; What Should Businesses Do Now</title>
		<link>http://www.elchango.ca/blog/2013/01/facebook-graph-search-what-businesses-should-do/</link>
		<comments>http://www.elchango.ca/blog/2013/01/facebook-graph-search-what-businesses-should-do/#comments</comments>
		<pubDate>Thu, 17 Jan 2013 01:32:06 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Online Marketing Strategy]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[facebook graph search]]></category>
		<category><![CDATA[graph search]]></category>
		<category><![CDATA[optimization]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=470</guid>
		<description><![CDATA[Facebook has been collecting information about its users, their businesses, their likes, and their social connections for years and the mounds of data they have accumulated are about to be put to use with Graph Search. The current search function simply allows you to search for other people&#8217;s names, business pages, or groups on the [...]]]></description>
				<content:encoded><![CDATA[<p>Facebook has been collecting information about its users, their businesses, their likes, and their social connections for years and the mounds of data they have accumulated are about to be put to use with <a href="https://www.facebook.com/about/graphsearch" target="_blank">Graph Search</a>.<span id="more-470"></span></p>
<p>The current search function simply allows you to search for other people&#8217;s names, business pages, or groups on the social network. Graph Search makes the search functionality much more advanced, allowing you to search for things like:</p>
<ul>
<li>My friends who like camping</li>
<li>People who live in My Hometown that like camping</li>
<li>People who live in Germany who like camping</li>
<li>Campsites My Friends have been to</li>
<li>Photos My Friends took Camping</li>
</ul>
<h4><a href="http://www.elchango.ca/blog/2013/01/facebook-graph-search-what-businesses-should-do/facebook-graph-search/" rel="attachment wp-att-471"><img class="alignnone size-full wp-image-471" alt="Facebook Graph Search" src="http://www.elchango.ca/wp-content/uploads/2013/01/facebook-graph-search.jpg" width="516" height="203" /></a></h4>
<h3>A Whole New World of Search</h3>
<p>What makes Graph Search interesting is that Facebook has an enormously large and active user-base, with years of data. In creating a new search, it&#8217;s as if there will become a competing pool of search data against Google&#8217;s search results. While businesses are investing and focussed on search engine optimization (SEO), those not actively pushing resources to their Facebook Pages may start to find themselves missing an entire audience of potential customers. This means that investing time into your Facebook Page is going to be very important.</p>
<h3>What Should Businesses Do</h3>
<p>As of January 2013, the Facebook Graph Search is still in beta and being rolled out slowly to people who have signed up to be on the <a href="https://www.facebook.com/about/graphsearch" target="_blank">waiting list</a>.</p>
<h4>Likes</h4>
<p>If you don&#8217;t have a Facebook Page or you&#8217;ve been neglecting it for years, you&#8217;re way behind. Get one and starting building the number of Likes for your page because this number is going to really matter when it comes to Graph Search Results. If you&#8217;ve been building the number of Likes on your Page, keep going.</p>
<h4>Engagement</h4>
<p>Make sure you are engaging with your Fans by posting on your page, responding to fan comments, and adding additional, relevant content that your fan base will find useful enough to share. If your business has a physical location, then Checkins will become important in Graph Search Results when users search for &#8220;Pubs My Friends Have Been To&#8221;.</p>
<h4>Optimize</h4>
<p>Go through your page and make sure it&#8217;s optimized and includes keywords in the About Us text, has an address if applicable, and links to your website. Add photos that show the various aspects of your business, what it does, the inside, the outside, etc. etc.</p>
<h4>Learn</h4>
<p>As Facebook rolls out its Graph Search, try it and learn from it. Use this learning as an opportunity to get a jump on your competitors.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2013/01/facebook-graph-search-what-businesses-should-do/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress 3.5</title>
		<link>http://www.elchango.ca/blog/2012/12/wordpress-3-5/</link>
		<comments>http://www.elchango.ca/blog/2012/12/wordpress-3-5/#comments</comments>
		<pubDate>Wed, 12 Dec 2012 07:40:47 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[upgrade wordpress]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress 3.5]]></category>
		<category><![CDATA[wordpress media gallery]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=459</guid>
		<description><![CDATA[Version 3.5 of WordPress launched today and it includes several new features, the biggest of which are changes to the Media Library. Here is a brief video summarizing some of the new features:]]></description>
				<content:encoded><![CDATA[<p>Version 3.5 of WordPress launched today and it includes several new features, the biggest of which are changes to the Media Library. Here is a brief video summarizing some of the new features:</p>
<p><object width="516" height="289" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://s0.videopress.com/player.swf?v=1.03" /><param name="wmode" value="direct" /><param name="seamlesstabbing" value="true" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="overstretch" value="true" /><param name="flashvars" value="guid=jQDfEbzZ&amp;isDynamicSeeking=true" /><embed width="516" height="289" type="application/x-shockwave-flash" src="http://s0.videopress.com/player.swf?v=1.03" wmode="direct" seamlesstabbing="true" allowfullscreen="true" allowscriptaccess="always" overstretch="true" flashvars="guid=jQDfEbzZ&amp;isDynamicSeeking=true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2012/12/wordpress-3-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Plus Photo Size</title>
		<link>http://www.elchango.ca/blog/2012/11/google-plus-photo-size/</link>
		<comments>http://www.elchango.ca/blog/2012/11/google-plus-photo-size/#comments</comments>
		<pubDate>Fri, 02 Nov 2012 04:37:20 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Online Marketing Strategy]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[cover photo size]]></category>
		<category><![CDATA[google plus]]></category>
		<category><![CDATA[google plus optimization]]></category>
		<category><![CDATA[google plus page]]></category>
		<category><![CDATA[google plus photo sizes]]></category>
		<category><![CDATA[google plus photos]]></category>
		<category><![CDATA[google+]]></category>
		<category><![CDATA[profile photo size]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=443</guid>
		<description><![CDATA[While the Google+ social network doesn&#8217;t currently have the popularity that Facebook and Twitter do, there are still many good reasons to setup your business&#8217; page, especially with Google&#8217;s search results giving more prominence to Google+ Pages. Part of optimizing your Google+ page is making sure you use appropriately sized graphics. The 2 key graphics [...]]]></description>
				<content:encoded><![CDATA[<p>While the Google+ social network doesn&#8217;t currently have the popularity that Facebook and Twitter do, there are still many good reasons to setup your business&#8217; page, especially with Google&#8217;s search results giving more prominence to Google+ Pages. Part of optimizing your Google+ page is making sure you use appropriately sized graphics. The 2 key graphics to be added and their image dimensions are:<span id="more-443"></span></p>
<p><strong>Profile Photo:</strong> 250px X 250px<br />
<strong>Cover Photo:</strong> 890px X 180px</p>
<div id="attachment_441" class="wp-caption alignnone" style="width: 526px"><a href="http://www.elchango.ca/blog/2012/11/google-plus-photo-size/google-plus-page-photo-dimensions/" rel="attachment wp-att-441"><img class="size-full wp-image-441 " title="google-plus-page-photo-dimensions" src="http://www.elchango.ca/wp-content/uploads/2012/10/google-plus-page-photo-dimensions.jpg" alt="Google Plus Page Photo Dimensions" width="516" height="184" /></a><p class="wp-caption-text">Google+ Page Photo Dimensions</p></div>
<p>When changing your Google+ Photos, you are able to upload larger photos and then drag and crop them using Google&#8217;s tools. However knowing these dimensions in advance let&#8217;s you pre-plan what photos to use and to make images the correct proportions, especially for logos that are often wider than they are high.</p>
<p>Lastly, make sure to choose captivating and attention grabbing images for your business. Google is already displaying Google+ images in their search results and using the appropriate imagery can grab the searching user&#8217;s attention and lead to an increased click-thru rate.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2012/11/google-plus-photo-size/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating a Facebook Page Tab</title>
		<link>http://www.elchango.ca/blog/2012/10/creating-a-facebook-page-tab/</link>
		<comments>http://www.elchango.ca/blog/2012/10/creating-a-facebook-page-tab/#comments</comments>
		<pubDate>Tue, 16 Oct 2012 16:50:18 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Online Marketing Strategy]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[create a facebook tab]]></category>
		<category><![CDATA[custom facebook tab]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[facebook app]]></category>
		<category><![CDATA[facebook page]]></category>
		<category><![CDATA[facebook tab]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=417</guid>
		<description><![CDATA[Creating a Custom Tab for your business is fairly easy, the difficult part is setting it up in Facebook, getting through their documentation and screen settings, and ensuring you have the minimum requirements. The Custom Tab appears on the Facebook page as a small thumbnail graphic and can be used for a variety of things [...]]]></description>
				<content:encoded><![CDATA[<p>Creating a Custom Tab for your business is fairly easy, the difficult part is setting it up in Facebook, getting through their documentation and screen settings, and ensuring you have the minimum requirements. The Custom Tab appears on the Facebook page as a small thumbnail graphic and can be used for a variety of things like display custom content, scripts that import RSS feeds, Forms, or just about anything.</p>
<div id="attachment_423" class="wp-caption alignnone" style="width: 526px"><a href="http://www.elchango.ca/blog/2012/10/creating-a-facebook-page-tab/facebook-tab/" rel="attachment wp-att-423"><img class="size-full wp-image-423" title="Facebook Tab" src="http://www.elchango.ca/wp-content/uploads/2012/10/facebook-tab.jpg" alt="" width="516" height="305" /></a><p class="wp-caption-text">I created an Enewsletter Signup Form as a Tab on this Facebook Page.</p></div>
<p><span id="more-417"></span>The confusing part is <strong>the Tab is a type of App</strong> and often these two terms are interchanged with each other. Now that we’ve got that out of the way, let’s get started.</p>
<h3>Minimum Requirements</h3>
<p>Check through the following requirements before you get started:</p>
<ul>
<li><strong>A webhosting account with SSL.</strong> Since the Fall of 2011, Facebook has been requiring links to an SSL and non-SSL script for users using their Facebook accounts securely.</li>
<li><strong>Administrator Access to a Facebook Page.</strong> If you don’t have Administrator Access to the Facebook Page you are developing for, you can get the Administrator to install the App.</li>
<li><strong>A Facebook Developer’s Account.</strong> More information can be found here. <a href="https://developers.facebook.com/">https://developers.facebook.com/</a></li>
</ul>
<h3>The Concept</h3>
<p>The idea behind creating a Facebook App is the code sits on your web server and Facebook accesses that code through an iFrame, displaying it within the Facebook Template. You code regular HTML and Server-side Scripts (ie. PHP, .NET, etc.) and provide Facebook with 2 URLs to access the code, one SSL and one non-SSL.</p>
<p>Page Tab Widths can either be set to 510px (Narrow) or 810px (Wide) and this has to be done in the settings below. For this example, we’ll use the Narrow width.</p>
<h3>Create the Code</h3>
<p>Start by creating a new directory on your web server called “facebook-apps” and create 2 files, one index.html and styles.css.</p>
<p>Add the following to <strong>index.html</strong>:</p>
<pre class="brush: php; title: ; notranslate">&lt;!DOCTYPE html&gt;

&lt;html&gt;
 &lt;head&gt;
 &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
 &lt;title&gt;My Facebook App&lt;/title&gt;
 &lt;link href=&quot;styles.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
 &lt;/head&gt;

&lt;body&gt;
 &lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
 &lt;script src=&quot;http://connect.facebook.net/en_US/all.js&quot;&gt;&lt;/script&gt;
 &lt;script&gt;
 FB.init({appId: 'FACEBOOK_APP_ID', status: true, cookie: true, xfbml: true});
 window.fbAsyncInit = function() {
 FB.Canvas.setSize({ width: 520, height: 1000 });
 }
 &lt;/script&gt;

&lt;p&gt;Hello World!&lt;/p&gt;

&lt;/body&gt;

&lt;/html&gt;</pre>
<p>Add the following to <strong>styles.css</strong>:</p>
<pre class="brush: php; title: ; notranslate">p {
 font-family: arial, sans-serif;
 font-size: 20px;
 }</pre>
<p>You can create whatever files you need or organize them into further sub directories to keep things organized.</p>
<p><strong>Note:</strong> It is assumed that your “facebook-apps” directory can be accessed with both https and http URL requests.</p>
<h3>Create New App in Facebook</h3>
<p>We&#8217;ve created our the code for our Facebook Tab, now comes the hard part of setting up Facebook so it grabs our code and displays it within the Facebook Page. Here are the steps:</p>
<ol>
<li>First, you need to make sure your Facebook Account is a Developer&#8217;s account by going to <a href="https://developers.facebook.com/" target="_blank">https://developers.facebook.com/</a></li>
<li>Once your account is a Developer&#8217;s account, go to https://developers.facebook.com/apps/ and click on the button in the top right titled &#8220;Create New App&#8221;. Give your App a Name and click Continue.</li>
<li>The following settings have worked best for me:
<ul>
<li>Give it a <strong>Display Name</strong> that people will notice and want to click on. (I used Enewsletter in the screenshot above)</li>
<li>For the <strong>App Domain</strong>, type in www.yourdomain.com (your website URL)</li>
<li>Choose a <strong>Category</strong> for your App / Tab</li>
<li>While you&#8217;re developing and testing your Facebook Tab, put it in <strong>Sandbox Mode</strong> so that only you, as an Administrator of the page you add the tab to, can see it. When you&#8217;re ready to go live, Disable Sandbox Mode.</li>
<li>Under <strong>Website with Facebook Login</strong> -&gt; <strong>Site URL</strong>, put in the http://www.yourdomain.com/ (with the http:// this time)</li>
<li>Under the Page Tab section:
<ul>
<li>Give the Page Tab a Name</li>
<li>Specify the Page Tab URL (non-SSL)</li>
<li>Specify the Secure Page Tab URL (SSL)</li>
<li>Give it a Page Tab Image to look nice</li>
<li>Specify the Page Tab Width you are using (520px for our example code above)</li>
</ul>
<p>Click <strong>Save Changes</strong> at the bottom and move onto the next step of Installing Your Facebook Tab.</li>
</ul>
</li>
</ol>
<h3>Install the Tab on your Facebook Page</h3>
<p>The Administrator for the Facebook Page will need to install the App / Tab. To do so, they have to:</p>
<ol>
<li>Log into Facebook</li>
<li>Load a URL similar to this, changing the YOUR_APP_ID and YOUR_URL to the information in the Developer’s area: <a href="http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&amp;next=YOUR_URL">http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&amp;next=YOUR_URL</a></li>
<li>A page will be displayed with a Dropdown menu of Pages you are the Administrator for. Choose the one you want to add the App to.</li>
<li>The App should now appear in the Tabs area of your Facebook Page.</li>
</ol>
<h3>Editing / Reorganizing / Ordering / Deleting a Tab</h3>
<div id="attachment_431" class="wp-caption alignright" style="width: 181px"><a href="http://www.elchango.ca/blog/2012/10/creating-a-facebook-page-tab/edit-facebook-tab/" rel="attachment wp-att-431"><img class=" wp-image-431" title="edit-facebook-tab" src="http://www.elchango.ca/wp-content/uploads/2012/10/edit-facebook-tab.jpg" alt="Edit Facebook Tab" width="171" height="111" /></a><p class="wp-caption-text">Edit a Facebook Tab by putting your mouse over the image and clicking on the pencil.</p></div>
<p>To reorganize where the Tab appears or to Delete a tab, simply put your mouse over the Tab&#8217;s Image and a Pencil will appear in the top right corner. Click on this pencil and you will see a number of options appear. The <strong>Edit Settings</strong> option in the dropdown, you can change the Tab Name and the Image without having to go back into the Developers section of Facebook. Finally, if you want to <strong>Share A Link</strong> so users can go directly to your Facebook Tab, you can click the <strong>Link To This Tab</strong> option to get the URL.</p>
<h3>Size Issue</h3>
<p>If you don&#8217;t want to specify a size in your code, change the following in index.html</p>
<pre class="brush: php; title: ; notranslate">FB.Canvas.setSize({ width: 520, height: 1000 });</pre>
<p>to this:</p>
<pre class="brush: php; title: ; notranslate">FB.Canvas.setAutoGrow(true);</pre>
<h3>Conclusion</h3>
<p>This covers the basics of setting up a Facebook Tab and there are endless possibilities on how to use them within your marketing strategies. One word of caution is to keep in mind that things like this connected to Facebook change and expect that one day, your Tab&#8217;s code may need to be modified to work with a future version of Facebook.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2012/10/creating-a-facebook-page-tab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Custom Header Image in WordPress 3.4</title>
		<link>http://www.elchango.ca/blog/2012/06/custom-header-image-in-wordpress/</link>
		<comments>http://www.elchango.ca/blog/2012/06/custom-header-image-in-wordpress/#comments</comments>
		<pubDate>Fri, 15 Jun 2012 21:19:28 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[custom header image]]></category>
		<category><![CDATA[custom photo]]></category>
		<category><![CDATA[functions.php]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress 3.4]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=396</guid>
		<description><![CDATA[One of the new features in WordPress 3.4 is that you can add images to the header of your site through the Admin area. This is a feature that should have been added many versions ago and has always required a plugin or use of Custom Fields. Adding the functionality to your WordPress site will [...]]]></description>
				<content:encoded><![CDATA[<p>One of the new features in WordPress 3.4 is that you can add images to the header of your site through the Admin area. This is a feature that should have been added many versions ago and has always required a plugin or use of Custom Fields.<span id="more-396"></span></p>
<p>Adding the functionality to your WordPress site will add a <strong>sub menu</strong> under <strong>Appearance</strong> called <strong>Header</strong>. Here you will be able to:</p>
<ol>
<li>Choose an image to upload.</li>
<li>Choose an image currently in your Media Library.</li>
<li>Choose an image that you have previously used as a header image.</li>
</ol>
<p>To add functionality for Custom Header Images, add the following bit of code to your <strong>functions.php</strong> file:</p>
<pre class="brush: php; title: ; notranslate">

// Custom Header Image
$args = array(
'flex-width'    =&gt;; true,
'width'         =&gt;; 980,
'flex-height'    =&gt;; true,
'height'        =&gt;; 300,
'default-image' =&gt;; get_template_directory_uri() . '/images/default-header.jpg',
'uploads'       =&gt;; true,
);
add_theme_support( 'custom-header', $args );
</pre>
<p>In your theme file where your header image is displayed (probably <strong>header.php</strong>), replace the image code with the following:</p>
<pre class="brush: php; title: ; notranslate">&lt;img src=&quot;&lt;?php header_image(); ?&gt;&quot; height=&quot;&lt;?php echo get_custom_header()-&gt;height; ?&gt;&quot; width=&quot;&lt;?php echo get_custom_header()-&gt;width; ?&gt;&quot; alt=&quot;&quot; /&gt;</pre>
<p>The above example allows for <strong>flexible dimensions</strong>. If you want to set the width and height to a <strong>fixed</strong> number, simply remove the <em>flex-width</em> and <em>flex-height</em> from the array in <em>functions.php</em> and <em>width</em> and <em>height</em> from your image tag.</p>
<p>For more information on this feature and additional parameters, visit the <a href="http://codex.wordpress.org/Custom_Headers" target="_blank">Custom Headers</a> docs.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2012/06/custom-header-image-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Search Engine Optimization and Duplicate Content</title>
		<link>http://www.elchango.ca/blog/2012/05/search-engine-optimization-and-duplicate-content/</link>
		<comments>http://www.elchango.ca/blog/2012/05/search-engine-optimization-and-duplicate-content/#comments</comments>
		<pubDate>Sun, 13 May 2012 14:37:27 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Online Marketing Strategy]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[copied content]]></category>
		<category><![CDATA[duplicate content]]></category>
		<category><![CDATA[duplicate text]]></category>
		<category><![CDATA[plagiarism]]></category>
		<category><![CDATA[search engine opitimization]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[web text]]></category>
		<category><![CDATA[web writing]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=384</guid>
		<description><![CDATA[Avoid duplicate content on your website at all costs or risk being heavily penalized by search engines like Google, or even blacklisted and completely removed from the search engine’s index. This means don’t copy content from another website and put it on your own and try to avoid putting the exact same content on multiple [...]]]></description>
				<content:encoded><![CDATA[<p>Avoid duplicate content on your website at all costs or risk being heavily penalized by search engines like Google, or even blacklisted and completely removed from the search engine’s index. This means don’t copy content from another website and put it on your own and try to avoid putting the exact same content on multiple pages on your website.<br />
<span id="more-384"></span></p>
<h3>Check If You Have Duplicate Content</h3>
<p>You can check to see if your site has duplicate content by entering a page from your site into <a href="http://www.copyscape.com/" target="_blank">Copyscape</a>. Copyscape will analyze the text on your page and search its index to determine if there is a match with any other websites. If there is, you should edit and change the copied content immediately.</p>
<p>The only exception is if the content copied from your site and you are certain you were the original writer. If you have a popular website that is a resource of information for a particular topic, you will often come across content that has been 100% copied from your site. A suggestion is to contact the site’s operator by email and kindly request they change their text and even mention that it is affecting the site’s performance in the search engines.</p>
<h3>Common Pitfalls of Duplicate Content</h3>
<p>Common duplicate content issues include:</p>
<ol>
<li><strong>Multiple domains</strong> with the exact same site. This will almost certainly get your site blacklisted. Often this occurs when a second domain is purchased and that domain is not properly 301 redirected to the main domain, so the same website ends up loading on 2 domains. This can be fixed by simply 301 redirecting one domain to the other.</li>
<li><strong>Blogs that post the entire post on their homepage</strong>as well as on a unique URL. This is quite common and is not wrong, however it’s useful to include the canonical link on the post URL like the following:</li>
<li> <strong>Ecommerce sites</strong> often sell the exact same products as competitor sites and have the exact same description of the items for sale. This can also be a problem in how the site is developed as product description can appear on pages that list products by category, by price, by rating, etc. Avoid these issues by writing unique product descriptions and using canonical link tags.</li>
<li><strong>Print pages</strong> with the same content is a duplication of text on your website. Use a meta tag on the print page that prevents the search engine robots from indexing the page, such as this:</li>
<li><strong>Mobile sites</strong> with the same content as the main site can be a concern for search engines looking at duplicate content. Use the canonical link tag for specifying the main URL for the posted content.</li>
<li><strong>www vs. non-www URLs</strong> give the search engines the impression that each is a different site. For example, www.domain.com loads the same content as just domain.com. Simply 301 redirect non-www traffic to the www version of the URL.</li>
</ol>
<p>These are the most common areas of duplicate content that I come across, however there are more. With a good website structure and close attention to what is being written for your website, the benefits of avoiding duplicate content will result in solid results in the search engines.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2012/05/search-engine-optimization-and-duplicate-content/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook Timeline Canvas Photo Size</title>
		<link>http://www.elchango.ca/blog/2012/03/facebook-timeline-canvas-photo-size/</link>
		<comments>http://www.elchango.ca/blog/2012/03/facebook-timeline-canvas-photo-size/#comments</comments>
		<pubDate>Fri, 23 Mar 2012 17:55:19 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[canvas height]]></category>
		<category><![CDATA[canvas photo]]></category>
		<category><![CDATA[canvas photo dimensions]]></category>
		<category><![CDATA[canvas width]]></category>
		<category><![CDATA[facebook canvas photo]]></category>
		<category><![CDATA[facebook canvas photo dimensions]]></category>
		<category><![CDATA[facebook design]]></category>
		<category><![CDATA[facebook icon dimensions]]></category>
		<category><![CDATA[facebook page design]]></category>
		<category><![CDATA[facebook timeline]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=373</guid>
		<description><![CDATA[On March 30, 2012, all Facebook Pages changes to the new Timeline format. The new look and feel changes your Page considerably but it gives you the option of adding in a Canvas Photo to the top of your Page to attract more attention and customize the look of your page. To help you prepare, [...]]]></description>
				<content:encoded><![CDATA[<p>On March 30, 2012, all <strong>Facebook Pages</strong> changes to the new <strong>Timeline</strong> format. The new look and feel changes your Page considerably but it gives you the option of adding in a <strong>Canvas Photo</strong> to the top of your Page to attract more attention and customize the look of your page. To help you prepare, we have listed the <strong>photo dimensions</strong> for the Canvas Photo and your Facebook Icon below:</p>
<p><strong><span id="more-373"></span>Canvas Photo:</strong> 850px X 315px<br />
<strong>Facebook Page Icon:</strong> 125px X 125px</p>
<p><a href="http://www.elchango.ca/blog/2012/03/facebook-timeline-canvas-photo-size/facebook-timeline-cover-photo-size/" rel="attachment wp-att-374"><img class="alignnone size-full wp-image-374" title="facebook-timeline-cover-photo-size" src="http://www.elchango.ca/wp-content/uploads/2012/03/facebook-timeline-cover-photo-size.jpg" alt="Facebook Timeline Cover Photo Dimensions" width="516" height="384" /></a></p>
<p>Facebook allows you to use larger photos and provides an option to select the area of the larger photo that you want displayed, however these dimensions will help those pre-plan their images before posting them live.</p>
<p>Keep in mind that the Canvas Photo is intended for just a photo and not for adding logos to. Doing so may be in violation of Facebook&#8217;s Terms and Services agreement.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2012/03/facebook-timeline-canvas-photo-size/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter Background Dimensions</title>
		<link>http://www.elchango.ca/blog/2012/03/twitter-background-dimensions/</link>
		<comments>http://www.elchango.ca/blog/2012/03/twitter-background-dimensions/#comments</comments>
		<pubDate>Fri, 09 Mar 2012 22:56:05 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Online Marketing Strategy]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[twitter background size]]></category>
		<category><![CDATA[twitter background width]]></category>
		<category><![CDATA[twitter backgrounds]]></category>
		<category><![CDATA[twitter image]]></category>

		<guid isPermaLink="false">http://www.elchango.ca/?p=362</guid>
		<description><![CDATA[Branding your company&#8217;s Twitter page can easily be done by simply adding a background image to your Twitter Account in the Settings. However, getting the dimensions right so it displays nicely can be tricky, especially with all the different screen sizes and mobile devices being used online today. Photo Width and Height The image width [...]]]></description>
				<content:encoded><![CDATA[<p>Branding your company&#8217;s <a href="http://www.twitter.com/" target="_blank">Twitter</a> page can easily be done by simply adding a background image to your Twitter Account in the Settings. However, getting the dimensions right so it displays nicely can be tricky, especially with all the different screen sizes and mobile devices being used online today.<span id="more-362"></span></p>
<h3>Photo Width and Height</h3>
<p>The image width and height and what will be viewable really depends on the size of the screen viewing the page. I prefer to use a really large image in the hope that nobody is viewing on a device large enough that they will see the end of the photo. Therefore, I recommend a <strong>photo size</strong> that is at least <strong>1800 pixels wide and 1200 pixels high</strong>. The trick is getting the image size down to the allowable 800k maximum of Twitter but this pretty much guarantees that 99% of site visitors will not see the end of the photo.</p>
<h3>Add Your Brand Information</h3>
<p>The Twitter Image is &#8220;pegged&#8221; to the top left corner of the viewing area of your browser, which allows you to add in a logo and some other brand information to your graphic. Most browser sizes today are 1280px wide or larger, so with this in mind, the <strong>optimal width of the left column</strong> that will fit your logo is <strong>about 200 pixels wide</strong>.</p>
<p><a href="http://www.elchango.ca/blog/2012/03/twitter-background-dimensions/twitter-background/" rel="attachment wp-att-363"><img class="alignnone size-full wp-image-363" title="twitter-background" src="http://www.elchango.ca/wp-content/uploads/2012/03/twitter-background.jpg" alt="Twitter Background Width" width="516" height="222" /></a></p>
<p>Anyone viewing the site at less tan 1280px will not see your logo as it will slide over and be hidden by some of the Twitter content areas but this is unavoidable and one of the realities of designing on the web. At least the majority will see it and it will not ruin other visitor&#8217;s experiences at all.</p>
<h3>Fancy Design</h3>
<p>The trick to a great Twitter background design is to integrate it with the limitations presented above. Using Photoshop techniques like fading to a solid background colour or tiling to repeat backgrounds can really improve the overall look of ones Twitter page. These techniques will also allow you to use smaller images for the background, which will load quicker than large photos.</p>
<p>Remember to also adapt to changes as Twitter will undoubtedly change their design, which might affect your backgrounds and require you to adjust your design as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elchango.ca/blog/2012/03/twitter-background-dimensions/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
