<?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>Unrelated Media &#187; Articles</title>
	<atom:link href="http://unrelatedmedia.ca/category/articles/feed" rel="self" type="application/rss+xml" />
	<link>http://unrelatedmedia.ca</link>
	<description>Web Development Articles and Tutorials</description>
	<lastBuildDate>Tue, 12 Feb 2013 21:54:50 +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>Web Developer Wage in British Columbia</title>
		<link>http://unrelatedmedia.ca/articles/web-developer-wage-in-british-columbia</link>
		<comments>http://unrelatedmedia.ca/articles/web-developer-wage-in-british-columbia#comments</comments>
		<pubDate>Sun, 15 Jan 2012 21:54:32 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=1097</guid>
		<description><![CDATA[I recently learned that British Columbia has the lowest minimum wage in Canada at $9.75 per hour. In May, of 2012 this increases to $10.25. This got me thinking about Web Developers and what they could expect to be paid. Like many countries Canada runs an annual census to determine average wages in each province. According to the 2011 survey a web developer in BC can expect to earn an average of $23.56 per hour. [...]]]></description>
				<content:encoded><![CDATA[<p>I recently learned that British Columbia has the lowest minimum wage in Canada at $9.75 per hour.  In May, of 2012 this increases to $10.25.  This got me thinking about Web Developers and what they could expect to be paid.  Like many countries Canada runs an annual <a href="http://www.bcstats.gov.bc.ca/releases.asp#eet">census</a> to determine average wages in each province.</p>
<p>According to the <a href="http://www.workingincanada.gc.ca/report-eng.do?area=25567&#038;lang=en&#038;noc=2175&#038;province=59&#038;titleKeyword=web%20developer&#038;action=final&#038;display=wage#wages">2011 survey</a> a web developer in BC can expect to earn an average of <strong>$23.56</strong> per hour.  The low amount, useful for estimating Junior Developer wage expectations, is <strong>$14.00</strong> hourly in the Vancouver and lower mainland region.  An experienced web developer can see wages up to, and around, <strong>$30.41</strong>.</p>
<p>When I consider how long I&#8217;ve been in the industry I see <strong>$30.41</strong> and immediately think that that is what I should be earning, as I have been a web developer for over 10 years.  This also had me thinking about just what was expected from the job title of Web Developer.  More important to consider is what we don&#8217;t do.</p>
<h2>What You Know</h2>
<p>In 10 years I have worked directly with <strong>PHP, javascript and ajax, mySQL and SQL, Coldfusion, ASP, and even C# and .NET</strong>.  This is along with the minimal requirements as a Web Developer such as <strong>HTML and CSS</strong>.  In the past 2 years I have worked primarily with PHP, CSS, Ajax and WordPress.</p>
<h2>Rusty Lessons</h2>
<p>If I work for a company and they suddenly ask me to work with Joomla or create a .NET application I will be forced to admit that I need to re-learn skills that I haven&#8217;t used in years.  In much the same way as I have forgotten a lot of what I learned in High School since the 14 years I was last there, we only tend to retain a fluent skill set in our most recent activities.<br />
Does this still justify a wage of <strong>$30.41</strong>?</p>
<p>So long as a reasonable amount of time is allowed for updating our skills then I would answer this with a resounding <strong>YES</strong>.  If too much time has passed since last we used the requested skills then it would be appropriate for the wage to be lowered.</p>
<h2>How Low Should the Wage Go?</h2>
<p>So long as past experience can be used to quickly grasp current demands and technology then an experienced web developer wage should not dip below the wage median of <strong>$23.56</strong>.</p>
<p>The reason is because experienced Web Developers, even if required to learn a new language such as java, have the troubleshooting, testing, and logic that a junior or intermediate web developer simply do not have.  With experience comes the ability to recognize patterns in code from one language to another and be able to quickly apply it in a fully functional manner.</p>
<ul>
<li>A junior web developer wage of <strong>$14.00</strong> per hour makes sense as they are just learning to program, test, and troubleshoot their work. </li>
<li>An intermediate web developer has learned the skills of a junior web developer and added logic, thus earning them <strong>$23.56</strong> per hour.  </li>
<li>A senior web developer has learned all the skills of previous positions and added project management and systems analysis to their skill set, making them able to quickly adapt to changes such as new languages, technologies and meet greater demands then the previous positions can allow with such limited experience.</li>
</ul>
<h2>Final Thoughts</h2>
<p>Nobody enjoys the question often asked at a job interview regarding wage expectations.  After this article you should be able to reflect on your current skills to better determine what your wage expectation should be in BC, Canada.  By using a regional census of web developer wages you will be better equiped to answer that daunting question and do so with confidence.</p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/web-developer-wage-in-british-columbia/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>WordPress is Not Keeping Up</title>
		<link>http://unrelatedmedia.ca/articles/wordpress-is-not-keeping-up</link>
		<comments>http://unrelatedmedia.ca/articles/wordpress-is-not-keeping-up#comments</comments>
		<pubDate>Sat, 14 Jan 2012 03:54:54 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=1089</guid>
		<description><![CDATA[After working for two years with WordPress content management I&#8217;m starting to realize it is not always going to be the best open source system. WordPress does update regularly with security features and some usability. What it doesn&#8217;t do is look past the code to see what people actually need WordPress for and how they use it. Some of the most popular plugins include variations of: Search Engine Optimization Caching User Profiles Custom Post Types [...]]]></description>
				<content:encoded><![CDATA[<p>After working for two years with WordPress content management I&#8217;m starting to realize it is not always going to be the best open source system.  WordPress does update regularly with security features and some usability.  What it doesn&#8217;t do is look past the code to see what people actually need WordPress for and how they use it.  Some of the most popular plugins include variations of:</p>
<ul>
<li>Search Engine Optimization</li>
<li>Caching</li>
<li>User Profiles</li>
<li>Custom Post Types</li>
<li>Database Backup</li>
</ul>
<p>While all of these would seem like fundamental features of the WordPress core the developers never seem to add them.  Their logic may well be that there is no need to add it to the core when a perfectly good plug-in is available to do it for us. </p>
<h2>WordPress Without Search and Replace</h2>
<p>WordPress doesn&#8217;t include, at present, an easy way to manipulate page and post content en masse.  This is something that surprised me considering WordPress uses a mySQL ISAM database.  ISAM  has always had the great ability to search within text fields for matching text, i.e.:</p>
<pre>
# A normal fulltext SEARCH matches ONLY UNIQUE strings
SELECT * FROM test WHERE MATCH (article) against ('Molde has the best football team in Norway')

# A BOOLEAN mode SEARCH matches words IN this example
SELECT * FROM test WHERE MATCH (article) against ('molde' IN BOOLEAN mode);

# A BOOLEAN mode SEARCH

SELECT * FROM test WHERE MATCH (article) against ('+molde -music' IN BOOLEAN mode);
</pre>
<p>Recently mySQL INNODB also allows text searching built in.  This is a strangely important feature when you think about it.  For the average user (most clients) changing all URLs from www.example.com to www.example.net is well beyond their capabilities.  Even something more common would be a customer pointing out a spelling error for the word &#8220;WrodPress&#8221; but not remembering what page it was on.  A quick text search/replace in the administration of WordPress would fix that in a hurry.</p>
<h2>WordPress Popular Plugins in the Core</h2>
<p>Every WordPress website wants to be seen so why not include a built in meta for SEO?  They could even use the text search capabilities above to create an set code which will fill in the meta description and keywords based on common words and phrase sequences.</p>
<p>There is no sound reason why cache and built in database backup capabilities should not be added to the WordPress core.  There are certainly enough plugins that could have code copied (with permission) to strip white space from a css file and javascript file.</p>
<p>As for a very demanded feature of user profiles I would think using two of the most long standing plugins S2Plugin and Members could easily be integrated in to the WordPress core.</p>
<h2>Summary</h2>
<p>While WordPress is known for its 5 minute install and friendly user interface for beginners it leaves much lacking in its core.  Each update barely touches on what would benefit the massive community the most and many minor updates seem added on a whim.  With hundreds of thousands of plugins to choose from, many that duplicate the functionality of another, WordPress developers appear to ignore what people want the most.</p>
<p>This approach to a content management system tells me that WordPress will have no long term future except with the most hard core fans.</p>
<h2>Where to go from here</h2>
<p>As developers we need to always look to the future.  If we don&#8217;t then technology and consumer demands for the shiniest toy will leave us in the dust.  So where do we go from here?<br />
Myself, I&#8217;m looking towards some brilliant PHP Frameworks that, on their own, have many of the abilities I cited above already incorporated &#8211; most noted are the <a href="http://www.yiiframework.com/">Yii Framework</a> and <a href="http://codeigniter.com/">Code Igniter Framework</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/wordpress-is-not-keeping-up/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WordPress Div Structure Standards</title>
		<link>http://unrelatedmedia.ca/articles/wordpress-div-structure-standards</link>
		<comments>http://unrelatedmedia.ca/articles/wordpress-div-structure-standards#comments</comments>
		<pubDate>Sat, 17 Dec 2011 21:21:14 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=1069</guid>
		<description><![CDATA[WordPress follows a pretty straight forward HTML structure that can be easily broken down into a usable diagram. With this diagram any web developer or graphic designer that is involved with slicing a photoshop wordpress theme, Illustrator wordpress theme or cascading stylesheet theme can build a universal structure. Any block element such as header or main can have the inner DIV containers swapped quite easily while retaining a solid structure. WordPress DIV Structure Advantage This [...]]]></description>
				<content:encoded><![CDATA[<p>WordPress follows a pretty straight forward HTML structure that can be easily broken down into a usable diagram.  With this diagram any web developer or graphic designer that is involved with slicing a photoshop wordpress theme, Illustrator wordpress theme or cascading stylesheet theme can build a universal structure.  Any block element such as header or main can have the inner DIV containers swapped quite easily while retaining a solid structure.</p>
<div id="attachment_1068" class="wp-caption aligncenter" style="width: 310px"><a href="http://unrelatedmedia.ca/wp-content/uploads/2011/12/website-diagram-divstructure.png"><img src="http://unrelatedmedia.ca/wp-content/uploads/2011/12/website-diagram-divstructure-300x231.png" alt="WordPress Div Structure Diagram" title="website-diagram-divstructure" width="300" height="231" class="size-medium wp-image-1068" /></a><p class="wp-caption-text">WordPress Div Structure Diagram</p></div>
<h2>WordPress DIV Structure Advantage</h2>
<p>This WordPress DIV structure diagram uses the three most common layouts:  1-column, 2-column, and 3-column.  By using the basic Header -> Main -> Footer approach we can easily swap any layout into those three containors.  We can, for example, build a home page using a full width, 1-colum layout but use the 2-column header.  What about putting navigation on the left side running vertically?  We can use the WordPress DIV structure standards to do that with ease:</p>
<ul>
<li>Lets use the 3-column header and use the middle box for ad space</li>
<li>We&#8217;ll remove the NAV containor because we won&#8217;t be using it.</li>
<li>Using the 2-column layout we can replace the second column name with NAV instead of Sidebar</li>
<li>Add the footer</li>
</ul>
<p>That&#8217;s it.  The easiest way to think about using the WordPress DIV structure diagram is pretend you have a pile of paper all cut up into the boxes and containors in the diagram.  So long as we use the same <strong>Frame</strong> Header -> Main -> Footer we can place those cut pieces of paper in any order and shape we choose to create our website layout. A WordPress theme with dozens of unique layouts using a standard.</p>
<h2>A DIV Structure Standard by Name</h2>
<p>The WordPress DIV structure standard displayed here is more then just a puzzle with infinite design potential.  It creates a very important standard in web development &#8211; <strong> Naming Conventions </strong>.  By using the structure with the designated HTML Div naming conventions we bridge a often overlooked gap between the designer and the programmer.  The designer won&#8217;t ever need slice the theme into a working wordpress theme.  A simple XHTML CSS theme is all that is needed.  The programmer can take that and add in the neccessary code to make it work within wordpress with relative ease.</p>
<p>By using this diagram the designer and programmer can work in tandem with each other.  A programmer can begin programming all the WordPress functions because they will have the fundamental wireframe used from the WordPress DIV structure standard.  The designer can create the theme in Photoshop or whatever tool they prefer, slice it to XHTML and send it to the programmer.  By doing this the delay caused while the programmer waits for a complete design is eliminated. </p>
<h4>The Designer</h4>
<ul>
<li>Designs the theme</li>
<li>Gets approval from client</li>
<li>Slices design into XHTML using the DIV structure with naming convention standards</li>
<li>Sends it to the Programmer/Developer</li>
</ul>
<h4>The Programmer</h4>
<ul>
<li>Creates the theme frame from the wireframe &#8211; based on the DIV standards</li>
<li>Adds custom and built-in WordPress functions</li>
<li>Splits the XHTML Design recieved into Header -> Main -> Footer</li>
<li>Places WordPress code into the template</li>
<li>Tests the template</li>
</ul>
<p>Both the programmer and designer know that the header has a clickable logo, banner ad, and a search bar within the header.  They both know that the ID or Class name in the css is going to be logo, header_more, and header_right.  They can both use .post{} within the CSS to define how wide the post containor will be.  They use the same naming standards and, thus, are on the same page.</p>
<p>This is the basic WordPress DIV structure standard and custom classes and containors will be added for additional features such as Banner Sliders, related posts, sidebar navigation boxes, and much more, but the important outline and framework of the design is established universally between the designer and programmer.</p>
<h2>Design Standards Are Future Proof</h2>
<p>The other, less thought about, advantage to building a set of standards is when looking to the future.  With a design standard any programmer or designer can quickly go into the WordPress theme months down the road and quickly, and efficiently make adjustments to any element without have to search endlessly.  How often do we find ourselves going back to a website that didn&#8217;t have a standard set and found, in the CSS file alone:</p>
<pre>
.bg{color:#fff;}
.background{color:#cfc66;}
.conbg{color:#fff;}
.boxbg{color:#fff;}
</pre>
<p>And lets say the client asked us to change the text color of the sidebar, or post entry to red.  Which of those style classes to we use to make that simple change?  We will need to waste time testing each one until the results we want are displayed, or use other tools to eliminate the other classes.  With a standard set we can simply open the CSS file and change exactly what we need quickly, and without searching:</p>
<pre>
.sidebar{color:#fff;}
.sidebar h1, h2, h3 {font-size:1.7em;}
.post{color:#ccffad;}
.entry{color:#3c66cc;}
</pre>
<p>As you can see, using a WordPress DIV structure standard is far easier and more efficient both pre-development and post-development.  If the client wanted green headers in the sidebar we know exactly where to find it.</p>
<p>I hope you enjoyed this WordPress DIV Structure Standard article and find ways you can use it to benefit you and your company.  I&#8217;d like to give a special thank you to <a href="http://www.themmedia.com">Walter Matyas</a>, as this fantastic designer played an integral role in establishing these standards.</p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/wordpress-div-structure-standards/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>User Interface and the Importance of User Interface Design</title>
		<link>http://unrelatedmedia.ca/articles/user-interface-and-the-importance-of-user-interface-design</link>
		<comments>http://unrelatedmedia.ca/articles/user-interface-and-the-importance-of-user-interface-design#comments</comments>
		<pubDate>Thu, 08 Sep 2011 19:32:12 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=882</guid>
		<description><![CDATA[Without great usability of your website it won’t matter how good your product or service is. Getting high search engine ranking will help exponentially increase traffic to your website. What it doesn’t do is increase your sales. For sales you need to convert those website visitors into customers. To increase that conversion a clean, easy to navigate user interface is required. Interact with your Visitors with Website Usability Website usability can be defined as your [...]]]></description>
				<content:encoded><![CDATA[<p>Without great usability of your website it won’t matter how good your product or service is.  Getting high search engine ranking will help exponentially increase traffic to your website.  What it doesn’t do is increase your sales.  For sales you need to convert those website visitors into customers.  To increase that conversion a clean, easy to navigate user interface is required.</p>
<h2>Interact with your Visitors with Website Usability</h2>
<p>Website usability can be defined as your visitors ability to interact with your website.  This can be achieved by analyzing how your visitors will be using your website.  They best way to do this is to put yourself in the visitors shoes and ask yourself some fundamental questions:</p>
<ol>
<li>Does the website portray the company image professionally?</li>
<li>Is the website navigation easily identified?</li>
<li>Are website forms simple, and easy to use?</li>
<li>Are page elements, like images and text, separated enough to set them apart so as not to confuse the eye?</li>
<li>Does the page structure and layout make sense?</li>
<li>Is page scrolling eliminated as much as possible?</li>
<li>Are articles, blogs, images, and sub navigation clearly identified and directly related to the page in which they reside?</li>
<li>Can the page be cleaner and still deliver?</li>
<li>Can the client know about your business within 5 seconds of landing at your site?</li>
</ol>
<h2>Every Page is a Landing Page</h2>
<p>Google indexes all pages of a website now, not just one.  This means that every page now has a snapshot and summary in Google search results.  When a visitor clicks on the link it is important that every page is viewed as a landing page.  A landing page is the resulting page that appears when a user clicks on a link from an outside source, like Google or Yahoo or from a call to action on your website.  It is for this reason that it is essential that every page represents your company and offers a clearly defined call-to-action.  A call-to-action, simply, tells the visitor what to do and why.  A few examples of a call-to-action might be:</p>
<ul>
<li>Contact us</li>
<li>Sign Up</li>
<li>Buy Now</li>
<li>Get a Quote</li>
</ul>
<h2>Good User Interface Design controls the visitor</h2>
<p>From the moment a visitor arrives at your website your website user interface controls what the visitor is meant to do.  There should be no questions at any point as they navigate through your content and pages. Clean, clear, concise is the objective for good user interface design.  Some tips are:</p>
<ol>
<li>Unless the page is an article, limit the written information available to the visitor to only the important details.</li>
<li>Only use images when they compliment, or relate, to the topic at hand.</li>
<li>Use familiar objects, shapes, and icons for easy recognition</li>
<li>Any call to action should be the first visible part of a page</li>
<li>Call to actions should be clearly defined and, where applicable, written with easy to follow steps</li>
<li>Use colors and backgrounds sparingly.  Too much will distract the visitor</li>
</ol>
<p>While there are many other elements to consider these are listed to give you a basic understanding of the concepts.  People, generally, don’t want to spend time on your website unless you are a news or article based company.  They want to get in, purchase, and get out quickly.  A great user interface will allow your visitor to find what they are looking for in under 5 seconds and any forms or transactions won’t take them more than one minute to complete.</p>
<h2>Ranking vs Usability</h2>
<p>The bottom line is that it really doesn’t matter if you are on page #1 or #5 in Google.  If you don’t have a website people want to use they will simply move on to the next company, ultimately your competition.  So let us look at a real scenario:</p>
<blockquote><p>If you have a rank of 1 in Google and get 10,000 website visitors but have a poor user interface design your conversion rate will be less then 2%.  Closer to 1%, in reality.  That’s100-200 visitors that actually use your website.  So what happened to the other 9,800?  They found somewhere else to go, a more appealing and simple to use website.  Those 9,800 have potentially also told 10 of their friends not to use your website.</p>
<p>Lets place you on page 3 of Google.  You now receive 5,000 visitors but have a great user interface design.  When people arrive at your website they enjoy how easy it is to find information and find your call-to action elements.  Due to your website usability you are able to convert 10% of all your visitors to solid leads.  That’s 500 people now using your service.
</p>
</blockquote>
<p>As you can imagine, take a clean user interface and a high Google Rank and your conversion, and profits (or rate of investment) will begin to soar.</p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/user-interface-and-the-importance-of-user-interface-design/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SEO Companies and Link Farming</title>
		<link>http://unrelatedmedia.ca/articles/seo-companies-and-link-farming</link>
		<comments>http://unrelatedmedia.ca/articles/seo-companies-and-link-farming#comments</comments>
		<pubDate>Sat, 20 Aug 2011 02:55:44 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=876</guid>
		<description><![CDATA[Search Engine Optimization is a unique industry. The primary focus of companies that offer these services is to help get your website ranked higher on Google and Yahoo. Unfortunately many such companies utilize an old SEO trick called Link Farming. The Encyclopaedia Wiki describes link farming as follows: On the World Wide Web, a link farm is any group of web sites that all hyperlink to every other site in the group. Although some link [...]]]></description>
				<content:encoded><![CDATA[<p>Search Engine Optimization is a unique industry.  The primary focus of companies that offer these services is to help get your website ranked higher on Google and Yahoo.  Unfortunately many such companies utilize an old SEO trick called Link Farming.</p>
<p><strong>The Encyclopaedia Wiki describes link farming as follows:</strong></p>
<blockquote><p>On the World Wide Web, a link farm is any group of web sites that all hyperlink to every other site in the group. Although some link farms can be created by hand, most are created through automated programs and services. A link farm is a form of spamming the index of a search engine (sometimes called spamdexing or spamexing). Other link exchange systems are designed to allow individual websites to selectively exchange links with other relevant websites and are not considered a form of spamdexing.<br />
Search engines require ways to confirm page relevancy. A known method is to examine for one-way links coming directly from relevant websites. The process of building links should not be confused with being listed on link farms, as the latter requires reciprocal return links, which often renders the overall back link advantage useless. This is due to oscillation, causing confusion over which is the vendor site and which is the promoting site.</p></blockquote>
<h2>Link Farm Benefits</h2>
<p>The benefits of link farming, or adding inbound links, is being able to see almost immediate results.  Many clients don&#8217;t understand website optimization and ranking. They are generally content with seeing their website climb in the ranks over a period of weeks instead of Months.  Instant gratification.</p>
<h2>Link Relativity</h2>
<p>Search Engine Optimization companies know what you want and aren&#8217;t afraid to charge you for it.  Especially when the results of their efforts occur so quickly.  In reality, these companies play on the ignorance of their customers.  Mostly, they promote links on websites that have nothing to do with your business, service or industry.  Not even your targeted region!</p>
<h2>Link Farm and Back Link theory</h2>
<p>The theory behind back links, or inbound links is rather simple.  It is believed that the more links that point to your website the more popular you are.  For the most part, this is actually very true.  However, what many SEO companies do is outsource, or use programs to place links on any website or directory that will accept them.  Many of these websites are, by definition, link farms.</p>
<h2>Taking Advantage of Clients</h2>
<p>What is further bad practice is the use of outbound links to websites that have no relevance to your company at all.  Usually these can be found on links titled something like &#8220;These are some of our friends&#8221; or similar.  In fact, when SEO companies use this method they often take advantage of their own clients websites to, effectively, create a link farm!</p>
<p><strong>What Google Says</strong></p>
<blockquote><p>Your site&#8217;s ranking in Google search results is partly based on analysis of those sites that link to you. The quantity, quality, and relevance of links count towards your rating. The sites that link to you can provide context about the subject matter of your site, and can indicate its quality and popularity. However, some webmasters engage in link exchange schemes and build partner pages exclusively for the sake of cross-linking, disregarding the quality of the links, the sources, and the long-term impact it will have on their sites. This is in violation of Google&#8217;s Webmaster Guidelines and can negatively impact your site&#8217;s ranking in search results. Examples of link schemes can include:</p>
<ul>
<li>Links intended to manipulate PageRank</li>
<li>Links to web spammers or bad neighbourhoods on the web</li>
<li>Excessive reciprocal links or excessive link exchanging (&#8220;Link to me and I&#8217;ll link to you.&#8221;)</li>
<li>Buying or selling links that pass Page Rank</li>
</ul>
</blockquote>
<h2>What you can do</h2>
<p>The best suggestion I can make, when working with an SEO company, is to have them send you all inbound links to your website that they create.  </p>
<ul class="check">
<li>Check them carefully.</li>
<li>Be certain that all the websites are related directly with yours.  </li>
<li>Ensure that those websites are relevant to yours.  </li>
<li>Don&#8217;t let the link be your competition.</li>
<li>Ensure the page isn&#8217;t loaded with links (over 20 and flags should start raising).</li>
</ul>
<h2>How Long Should It take?</h2>
<p>There is no definitive answer to how long it will take to start seeing results from a good SEO company.  That should not even be your immediate concern.  Your immediate concern should be whether or not your website will cross search engine guidelines and affect your long term potential.  Getting to the top fast using a bad approach is far worse then getting there slowly using a good method.</p>
<p>Of course, if you only plan on being in business for a couple of years then, by all means, use instant results.  It&#8217;s only yours, and your business&#8217; reputation on the line.</p>
<h2>The Unrelated Reality</h2>
<p>Unrelated Media believes that you could be the number one person on any Google organic search and still make a poor return on your investment.  If you don&#8217;t have a good user interface design then it really doesn&#8217;t matter what your rank is, or what page you are on in Google.  People will always use the website that is quick to answer their needs, easy to navigate, and very easy to read over a poor design every time.  User interface design is a whole other article to be written.  It doesn&#8217;t matter your rank or page &#8211; if you want your website to convert customers you will need to give them the desire to use your website in the first place! </p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/seo-companies-and-link-farming/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress: Functions.php Hazard</title>
		<link>http://unrelatedmedia.ca/articles/wordpress-functions-php-hazard</link>
		<comments>http://unrelatedmedia.ca/articles/wordpress-functions-php-hazard#comments</comments>
		<pubDate>Wed, 29 Jun 2011 23:36:33 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=864</guid>
		<description><![CDATA[Cleaning Up WordPress Functions.php In WordPress themes my biggest pet peeve is overloaded functions.php files. Most themes come with hundreds of options in the administration panel and are generally all coded in the functions.php file. I&#8217;ve witnessed a WordPress theme functions.php file size in excess of 100Kb. That&#8217;s larger then most images you would put on your site! This isn&#8217;t even including any functions specific to the front end of the website theme. I&#8217;ve seen [...]]]></description>
				<content:encoded><![CDATA[<h2>Cleaning Up WordPress Functions.php</h2>
<p>In WordPress themes my biggest pet peeve is overloaded functions.php files.  Most themes come with hundreds of options in the administration panel and are generally all coded in the functions.php file.  I&#8217;ve witnessed a WordPress theme functions.php file size in excess of 100Kb.  That&#8217;s larger then most images you would put on your site!</p>
<p>This isn&#8217;t even including any functions specific to the front end of the website theme.  I&#8217;ve seen large blocks of code dedicated to easily referenced functions that the theme developer can access in his/her templating.  Such things as front-end navigation alterations, or footer modifications.  </p>
<h5>unnecessary overhead</h5>
<p>The reason it&#8217;s a pet peeve of mine is entirely due to the unneccessary overhead all that code causes.  Here is some of the overhead I&#8217;m referring to:</p>
<ol>
<li> Every page &#8211; from administration to front-end pages, loads this file.  So if it&#8217;s 100Kb of pure administration functions the front end still loads it!</li>
<li> editing the WordPress functions.php file can be a headache &#8211; especially if poorly commented.</li>
<li> Troubleshooting the functions.php is made much more difficult, especially if you aren&#8217;t certain of the cause of any error.</li>
</ol>
<h5>Keep It Clean and Tidy</h5>
<p>WordPress offers the ability to easily get rid of all that overhead.  All it requires is a touch more effort on the theme developers to create quality themes.  By that, I mean a more structured and cleanly coded approach:</p>
<ul class="check">
<li> Create two folders in your theme root labeled &#8220;Theme_Admin&#8221; and &#8220;Theme_Frontend&#8221;</li>
<li> Each unique function is placed in it&#8217;s own file in it&#8217;s respective folder.  So if you have 80 shortcodes simply create a file called theme_shortcodes.php and place it in your Theme_Admin folder.</li>
<li> Make use of <a href="http://codex.wordpress.org/Conditional_Tags">WordPress conditionals</a>, most notably the <strong>is_admin()</strong>.</li>
<li> Reference your functions with <code>require_once (TEMPLATEPATH . '/ Theme_Admin /theme_shortcodes.php');</code> or similar</li>
</ul>
<p>It&#8217;s true.  That&#8217;s all it takes to speed up front-end loading of your site, and back-end loading because you will only be loading the scripts you need, when you need it.  Taking this approach will shrink your 100Kb functions.php file down to less then 20Kb easily.</p>
<p>The additional bonus is being able to troubleshoot and simply read and access your code far easier.  A simple example, using the <a href=http://unrelatedmedia.ca/tutorial/wordpress-adding-custom-buttons-to-tinymce/">custom TinyMCE Buttons class</a> is:</p>
<h5>is_admin() Example</h5>
<pre>
//load admin functions here
if(is_admin()){

//load custom buttons class
require_once (TEMPLATEPATH . '/Admin/class.new_tinymce_btn.php');  

//create an instance of the class
$t = new add_new_tinymce_btn('|','green',get_bloginfo('template_url').'/scripts/buttons/green_button.js');
$s = new add_new_tinymce_btn('|','blue',get_bloginfo('template_url').'/scripts/buttons/blue_button.js');
}
</pre>
<h5>Summary</h5>
<p>As a WordPress theme developer you might not care about clean code as long as people buy your themes.  What you may be unaware of is that most people that buy themes are developers who intend on modifying it to suit a purpose.  People will see your code so why not make it as clean and easy, all the while optimizing size and load times?</p>
<p>So lets see some clean, well structured functions.php files from now on!</p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/wordpress-functions-php-hazard/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Web Development Report and Analysis</title>
		<link>http://unrelatedmedia.ca/articles/web-development-report-and-analysis</link>
		<comments>http://unrelatedmedia.ca/articles/web-development-report-and-analysis#comments</comments>
		<pubDate>Tue, 17 May 2011 20:38:35 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=785</guid>
		<description><![CDATA[What Can You Do? A website report is a way to see how well your website is doing. Through solid website analysis you can fine tune your reports to detail many important observations including, but not limited to: Website traffic Keywords used to find your website Where, in the world, your web traffic comes from Rate of investment for marketing strategies Percent of visitors using a specific web browser Errors on your website What pages [...]]]></description>
				<content:encoded><![CDATA[<h2>What Can You Do?</h2>
<p>A <strong>website report</strong> is a way to see how well your website is doing.  Through solid <strong>website analysis</strong> you can fine tune your reports to detail many important observations including, but not limited to:</p>
<ul class="check">
<li>Website traffic</li>
<li>Keywords used to find your website</li>
<li>Where, in the world, your web traffic comes from</li>
<li>Rate of investment for marketing strategies</li>
<li>Percent of visitors using a specific web browser</li>
<li>Errors on your website</li>
<li>What pages people leave on</li>
<li>What pages people enter on</li>
<li>Average time a visitor stays on your site</li>
<li>Most viewed pages</li>
</ul>
<p>Using the information provided through your <strong>website reports</strong> can allow you to find trends, or even create a trend!  Judiciously using <strong>website analysis</strong> lets you work with updated information to further enhance your website for your visitors.  Website analysis and a website report are not exclusive of each other, but actually feed in to each other.  One can not successfully exist without the other.</p>
<p>Due to an ever changing technology front, as well as visitors that can change on a whim, a website is never truly finished.  Using analysis tools to provide reports allow you to keep on top of any changes and adapt your website accordingly.  </p>
<h2>Using Website Reporting: A Real Example</h2>
<p>A simple example of using the information from a report is the <strong>dreaded Internet Explorer</strong>.  A few years ago any website built had to be able to be viewed in Internet Explorer.  </p>
<p><code><strong>For those not familiar with the issue involved</strong>, let me say that the capabilities of Internet Explorer versus other major web browsers is the difference between Michelangelo painting the Sistine chapel with crayons vs paint.  Or perhaps it is closer to building a house and using papyrus for support beams.  Internet Explorer was not up to web standards and only now, in 2011, has it finally updated itself to be on par with other major browsers.</code></p>
<p>Thanks to the <strong>growing awareness</strong> of web users wanting access to all the content a website can offer (Flash, advanced javascripts, up-to-date CSS 3 and HTML 5) they began switching to more user friendly, and fully capable web browsers like firefox.  Apple Mac users never need be concerned &#8211; you will always be ahead of the curve.</p>
<p>Due to this trend web developers began an initiative to, basically, <strong>boycott Internet Explorer</strong> and focus on developing updated, modern web content for the majority of web browsers, ignoring Internet Explorers inability to display said content.  Now most modern websites design for the visitor, not the web browser.  Thus, we see a large decline in people using Internet Explorer and more people enjoying the rich content experienced the web can truly offer.</p>
<h2>Summary</h2>
<p>You have the ability to collect an extraordinary amount of information about your website and it&#8217;s visitors.  To continue to effectively serve your visitors it is important to use these tools to continually enhance your website.  It is also good to take advantage of these <strong>web analysis and report</strong> tools to dynamically update your <a href="http://unrelatedmedia.ca/articles/web-development-marketing/">marketing strategy</a> to better fit within growing, or receding trends.</p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/web-development-report-and-analysis/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Development Marketing</title>
		<link>http://unrelatedmedia.ca/articles/web-development-marketing</link>
		<comments>http://unrelatedmedia.ca/articles/web-development-marketing#comments</comments>
		<pubDate>Mon, 16 May 2011 21:10:28 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=758</guid>
		<description><![CDATA[What Is Web Development Marketing? The dictionary defines marketing as &#8220;the total of activities involved in the transfer of goods from the producer or seller to the consumer or buyer, including advertising, shipping, storing, and selling.&#8221; Web development marketing is about advertising your products or services. It is marketing to people that may not, otherwise, know you exist. For the purposes of this article I will be focusing on methods of networking and advertising that [...]]]></description>
				<content:encoded><![CDATA[<h2>What Is Web Development Marketing?</h2>
<p>The <strong>dictionary</strong> defines marketing as<br />
<em>&#8220;the total of activities involved in the transfer of goods from the producer or seller to the consumer or buyer, including advertising, shipping, storing, and selling.&#8221;</em></p>
<p>Web development marketing is about advertising your products or services.  It is marketing to people that may not, otherwise, know you exist.  For the purposes of this article I will be focusing on methods of networking and advertising that are indirect in driving visitors to your website.</p>
<p>Website marketing can feel like an overwhelming task to begin when just starting out.  To help ease clients into it I like to dig a little into their daily lives.  The reason I take this personal approach is because many people are simply unaware of the resources they have!</p>
<h2>Real World Marketing Example</h2>
<p>Lets say you are selling a new coffee product.  Consider where you have enjoyed coffee that is not retail specific (e.g. Starbucks, Tim Hortons).  Perhaps you attend church and enjoy coffee after masse.  You may even attend social gatherings at people&#8217;s homes where coffee is served.  Now, you could simply tell others that you sell coffee and network in a traditional sense&#8230;</p>
<p>Humans are creatures of habit.  They don&#8217;t often stray towards the unknown.  My approach would be to take it that next step further.  Why not serve your own new coffee after masse?  Bring your own coffee to serve to others at social gatherings.  Break their habitual comfort zones using an environment that your future customers are already comfortable in.  You are breaking traditional networking while promoting yourself, and your products or services.</p>
<p>As the example portrays web development marketing is about thinking outside the box.  It doesn&#8217;t mean you should leave out conventional methods, just expand on methods already available.</p>
<h2>Where Do I Market?</h2>
<h3>There are two general ways of marketing:</h3>
<h5>Locally</h5>
<p>Local marketing involves utilizing newspapers, and general mail delivery systems as well as taking advantage of local avenues to market your product or service like trade shows.  It can involve buying a better description on Google Maps. This is where your business cards are personally handed out, or your brochures cheerfully given.</p>
<p>While certainly not limited to the above methods, local marketing is really about being able to have a more personal hand in reaching people.</p>
<h5>Globally</h5>
<p>Global marketing is less personal then local.  It is less effective, but still necessary if your product or service reaches outside your city, province, state or country.  It is also far more costly.</p>
<p>Common methods of marketing are to purchase <a href="https://www.google.com/adsense/">Google</a>, or <a href="http://advertising.yahoo.com/">Yahoo</a> ads as well as promote yourself through other media such as videos.  You are also going to want to shake hands with other websites that share similar content and mutually promote each other.</p>
<p>An often overlooked approach is using video marketing through services such as <a href="http://www.youtube.com/">You Tube</a> and <a href="http://vimeo.com/">Vimeo</a>.  Small and medium business are often afraid to invest in having an After Effects motion designer, or video company make a commercial or short video.  A commercial can be placed at the beginning of other videos, while a 5-10 minute video can help invigorate, or &#8216;pump-up&#8217; people about your product or service.</p>
<h2>Summary</h2>
<p>Web development marketing is, above all, about reaching people.  Thinking outside the box and breaking out of convention will help you draw more interest.  Don&#8217;t forget that you are your greatest asset and so, too, is your everyday life and all you do in it.&nbsp;</p>
<p><a href="http://unrelatedmedia.ca">Unrelated Media</a> provides consulting services that can help you break the mould and market your website, product or service.  Simply fill out the <a href="http://unrelatedmedia.ca/contact/">contact form</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/web-development-marketing/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Development Social Interaction</title>
		<link>http://unrelatedmedia.ca/articles/web-development-social-interaction</link>
		<comments>http://unrelatedmedia.ca/articles/web-development-social-interaction#comments</comments>
		<pubDate>Tue, 10 May 2011 22:08:25 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=697</guid>
		<description><![CDATA[Social interaction in web development is also known as social media, or social networking. It involves using technology mediums such as blogs, facebook and twitter to help drive traffic to your website. Utilizing social media networks allows you to be a &#8216;Pied Piper&#8217; for your web service or web product. Playing the right notes on your flute attracts targeted visitors to your website, but it is still up to you to guide them in the [...]]]></description>
				<content:encoded><![CDATA[<p>Social interaction in web development is also known as social media, or social networking.  It involves using technology mediums such as blogs, facebook and twitter to help drive traffic to your website.</p>
<p>Utilizing social media networks allows you to be a &#8216;Pied Piper&#8217; for your web service or web product.  Playing the right notes on your flute attracts targeted visitors to your website, but it is still up to you to guide them in the right direction.</p>
<h5>Rule # 1:  Give Visitors a Reason to Return</h5>
<p>The first rule of developing social interaction is to give your websites visitors a reason to come to your website more then once.  Many companies use blogs with updated news and content to encourage visitors to check back often.  It is important to keep any blog material relevant to the content of your website.  It is also a good way to continue adding <a href="http://unrelatedmedia.ca/articles/web-development-market-research/">content rich keywords</a> to your website over time, further enhancing your search engine visibility.</p>
<h5>Rule #2:   Social Marketing is Not So Specific</h5>
<p>You are not promoting your newest vehicle.  You are promoting the <strong>advantages</strong> of fuel economy, cargo space, and safety rating.  Keyword here is &#8216;advantages&#8217;.  Visitors can go many places to buy a vehicle, but they will come to you to learn more about the product.  While they are there they&#8217;ll learn to trust your information and be inclined to purchase from you, not your competitor.</p>
<p>This also helps add credibility to <strong>rule #1</strong>.</p>
<p>Social marketing is a topic on it&#8217;s own, though still part of social interaction, and I don&#8217;t think I could write a better explanation then is had at <a href="http://www.social-marketing.com/Whatis.html">Social Marketing.com</a></p>
<h5>Rule #3: Promote Consumer Feedback</h5>
<p>For good or ill, using  consumer feedback is a valuable asset to social interaction.  No matter what you could write about your product or services with rule #1 and rule #2 the general public do heed the advice and experiences of consumers.  Review systems are often built using a rating system that allow for a brief written review. Consumer feedback also provides <a href="http://unrelatedmedia.ca/articles/web-development-web-copy/">relevant copy</a> for your website.</p>
<p>In some cases feedback gives visitors a reason to return to your website all unto itself.  There&#8217;s an inherent curiosity to know what other people think and feel.  It&#8217;s curiosity that made <a href="http://www.facebook.com">Facebook</a> spread like a plague globally, as it&#8217;s very nature is to feed people with information about others.  <a href="http://twitter.com/">Twitter</a> is a shorter example of this.  With a quick sentence you can announce to thousands of people that your coffee was too cold at 9:00am from Starbucks.</p>
<p>These are the three golden social interaction marketing rules I follow.  They are the foundation, the trunk of a solid tree.  Like a tree they can branch out in many shapes and forms, yet they remain a part of the trunk.  The key to social interaction in web development is planting a good seed, growing a strong tree, and not being afraid to creatively branch out.  Always keep to your roots or your marketing strategy will quickly get out of hand.</p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/web-development-social-interaction/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Development Web Copy</title>
		<link>http://unrelatedmedia.ca/articles/web-development-web-copy</link>
		<comments>http://unrelatedmedia.ca/articles/web-development-web-copy#comments</comments>
		<pubDate>Thu, 05 May 2011 18:32:53 +0000</pubDate>
		<dc:creator>Neil Davidson</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://unrelatedmedia.ca/?p=691</guid>
		<description><![CDATA[Everything on your website is content. Web copy is the written part of that content. This is a difficult part of marketing because web copy is written for two audiences: Website Target Audience Search Engine Spiders For brevity lets simply state that keywords placed throughout the website copy, highlighted as is logical, gives search engines a more relaxing, yet very effective read. Before I summarize my own approach to web copy, I highly suggest you [...]]]></description>
				<content:encoded><![CDATA[<p>Everything on your website is content.  Web copy is the written part of that content.  This is a difficult part of marketing because web copy is written for two audiences:</p>
<ul class="tinyarrow">
<li>Website Target Audience</li>
<li>Search Engine Spiders</li>
</ul>
<p>For brevity lets simply state that keywords placed throughout the website copy, highlighted as is logical, gives search engines a more relaxing, yet very effective read.</p>
<p>Before I summarize my own approach to web copy, I highly suggest you watch this fantastic video of <a href="http://wpcandy.com/watches/pimp-my-content-by-amanda-gonzalez-at-wordcamp-melbourne-2011">Ms. Gonzalez at the wordpress conference</a> in Australia</p>
<h5>Copy Writing for the Living</h5>
<p>People, on the other hand, don&#8217;t read.  They scan content.  Making sure that the website copy can tell the story of the content within a glance is pretty important.  What makes scanning easier for people are the following, researched rules:</p>
<ul>
<li>Single columns</li>
<li>The human eye can average 12 words in a line at a glance</li>
<li>Sub Headings:  if you remove the copy below, does the page still make sense?</li>
<li>Don&#8217;t use slang words, especially in the navigation</li>
<li>Avoid the use of unnecessary words</li>
<li>Keep the copy structure ordered logically</li>
<li>Be blunt, straight forward in writing</li>
</ul>
<p>A good visual example on writing copy sub headings and content is Magazines.  At a glance you can scan through a magazine and have an idea of what it is about, what each article is about and whether or not you would return to buy another copy.</p>
<h5>Copy Writing for the Machines</h5>
<p>If you ever go to a search engine optimization company and pay them to put your website on the first page of Google you might be shocked to learn that the web copy they wrote is readable only to <b><i>spiders</i></b> (the term used to describe the program search engines use to scour your website).  It doesn&#8217;t make all that much sense to people.  Sure, they got you noticed in the search engine but when people click the link to your site they leave just as fast.</p>
<p>Something many people don&#8217;t think about, including most SEO companies that give you a &#8216;guarantee&#8217; is that real people need to read, understand, and enjoy the content more then anything else.  It does no good to be #1 in Google if your target audience can&#8217;t scan the content, or read the content and want to read more.  People are impatient and won&#8217;t take the time to translate the website copy.  People will quickly move on.</p>
<p>Web copy is <b>first</b> for the real people, <b>second</b> for the search engines.  The only professional  SEO company that understands this that I have met is SEO Visions, in down town Vancouver.  If you are looking for professional copy writing for your web content <a href="http://www.seovisions.com/">SEO Vision</a> are the people I would recommend.  </p>
]]></content:encoded>
			<wfw:commentRss>http://unrelatedmedia.ca/articles/web-development-web-copy/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
