Around the Office is a weekly group blog that shows what the OnlineFriendly.biz team and Kobayashi Online have found interesting, funny, poignant, or otherwise notable over the past week.

A lot can happen in five months! Roberto is interested in testing out at least some of the 35 most interesting and useful WordPress plugins released since September 2011. Included in the list is: a plugin that replaces the default comments widget with the Facebook Comments widget; a plugin that regularly backs up your website; and a plugin that helps secure your WordPress page. And now that you’ve got a bunch of new plugins, the Plugin Performance Profiler (or P3) will measure the impact of your plugin on your site’s load time.

Daveed is a little weary about Google’s changes to its privacy policy that will let it track consumers across its many online products such as YouTube, Gmail and Google Search. According to a Washington post article, Google will be amalgamating its data to create a more complete picture of its users. Many think this goes too far, especially because they won’t be able to opt out of being tracked. It may be little consolation, but Google wants to use this extra information to do “cool things”. (If you want to know what Google already thinks of you, check your interest and age profile.)

Brent was able to exchange some ideas on how to use Facebook to drive engagement at Dx3 Canada, a Toronto trade show dedicated to digital marketing, advertising and retail. One company that is using Facebook well is Etsy, an online marketplace that created an app which suggests items to you based on the likes and interests of your Facebook friends. This is supposed to make shopping for gifts easier, but it also helps make Etsy a more attractive site to buy from. With 18 million Canadians active on Facebook, companies stand to benefit from using the platform — preferably with a some elegance and creativity.

Around the Office is a weekly group blog that shows what the OnlineFriendly.biz team and Kobayashi Online have found interesting, funny, poignant, or otherwise notable over the past week.

This week at Online Friendly, Roberto reminded us that search results can often boil down to writing better page titles — the world’s top search engine agrees. Eva got a glimpse at the state of social media thanks to a new infographic that shows its influence by the numbers. Duct Tape Marketing posted a great reminder on the importance of backing up data, and introduced some backup options for your social media updates, cloud services, and WordPress blog. We liked Pamela Vaughan’s breakdown of Web design and usability guidelines which include making a great first impression, consistency, and solid navigation. We followed along with HubSpot’s examination of five real-world landing pages that some show some ways to make landing pages that help drive more conversions. From leading customers to your product and sealing the deal and all places in between, 352 Media Group design director Daniel Alves broke down sales-focused e-commerce site design — which more-or-less align with our own e-commerce guidelines. We were inspired by 30 unusual, fresh and creative WordPress site designs chosen by wplift, and 23 Interesting HTML5 and CSS3 sites picked by Rocket Graphs.

Around the Office is a weekly group blog that shows what the OnlineFriendly.biz team and Kobayashi Online have found interesting, funny, poignant, or otherwise notable over the past week.

Pictured: targeting local SEO, Kobayashi Online logo in Comic Sans, WordPress 3.3, Louis CK

Roberto wants online traffic seekers to know about some modern day Search Engine Optimization practices, because, after all, SEO isn’t just about backlinks, keywords, and tags anymore. The 1st Web Designer blog makes some SEO recommendations such as optimizing your local searchability; smoothly integrating your SEO and social media marketing; and using Schema.org to check that your SEO efforts look authentic to the search engines. And it’s important to remember that you can’t fool Google; your content and backlinks should be authentic.

While we all have reservations about Comic Sans, Brent found a gallery that re-imagines some of the most iconic logos had they chosen the clip-on tie of fonts. And while the Star Wars logo may look closer to the current brand promise, we’re not recommending . Check out some of the other logos on the Comic Sans Project Tumblr page.

We were very excited for the latest release of WordPress, the content management system estimated to be behind 15 per cent of all websites. Sitepoint provided a rundown of the features in version 3.3 such as a revamped interface that will work on small-screen devices like tablets, a drag and drop media uploader, and a new Tumblr importer. According to tests done by Dev4Press, the changes in WordPress features have also been accompanied by considerable optimization that make sites faster.

Comedian Louis CK has broken with convention by selling recordings of his stand-up performance, Live at the Beacon Theater, directly to his audience. Louis CK was able to make the same money on his video while selling it for less, and Daveed takes this as one example of how this new business model works. Instead of partnering with a large company and charging $20, he made his show downloadable for just $5. The only people that lose out are the traditional movie companies.

Around the Office is a weekly group blog that shows what the OnlineFriendly.biz team and Kobayashi Online have found interesting, funny, poignant, or otherwise notable over the past week.

Roberto found out a few ways to thoroughly secure a WordPress-based site. Some tips include never using the default “admin” user name, installing the WP Security Scan plugin, and protecting the wp-config.php file. Choosing a secure password is also important, so pick something better than “guest”.

Daveed is interested in the drama that’s unfolding as Barnes & Noble claims Microsoft is trying to stifle competition among mobile devices through patent law, and asking the US Department of Justice to investigate. Many companies that sell devices based on Google’s open-source Android operating system have agreed to Microsoft license fees. However, Barnes & Noble, which recently launched its Nook Color eReader, has refused upping the stakes of this patent debate. Patents are supposed to protect inventors and some argue that the high value of patents could be incentive to innovate and create new patents, but others say patent cartels could unfairly hobble competitors. Given the money and principles at stake, it will be interesting to see which side wins.

Wayne is not alone in thinking that Google’s search encryption is an SEO game changer at least for analytics. Forget about drill-down analytics reports with data on inbound search strings, or where visitors came from — this information is now off-limits. And while we’re happy that encryption provides consumers more privacy, referrer blocking won’t be happening with paid Google ads, meaning there’s arguably a double standard where those who buy ads get better analytics — and more visitor information.

Eva saw Google take the stage this week with Google Music, a new cloud music service that is expected to compete with Apple’s iTunes platform. Google Music promises a new Web Music player and Android Music app are available now in the Android Market. It has also added a social element where you can share music you buy with for free on Google Plus. Interestingly, iTunes, currently the top online music store, added a social network known as Ping last year. As the online music store battle ensues, let’s hope these companies’ tactics ultimately help more artists get compensation for their music.

Around the Office is a weekly group blog that shows what the OnlineFriendly.biz team and Kobayashi Online have found interesting, funny, poignant, or otherwise notable over the past week.

Images of this week's Around the Office post

Brent found out that Google now indexes more comments and other dynamically loaded AJAX and JavaScript content. According to a Digital Trends report, website comment systems that use Facebook to sign in can now be fair-game for Google searches. This is bad news for people wanting to rant about their boss because comments could now be traced back to you, but it could be good news for search engine marketers because blog comments can now give a website a search boost.

Roberto found Sawyer Hollenshead’s tips on building WordPress themes as a business to be a great resource for developers who are considering getting into designing themes around the WordPress content management system and blogging platform. Among the important takeaways was to build a solid user base by prompting whoever downloaded his free themes to join an opt-in newsletter, to develop a list of people who might buy premium themes later on.

Also, Roberto wasn’t surprised this week that crowd favourites WordPress, Joomla!, and Drupal were among the top 10 content management systems according to web designer depot. What was interesting was the rest of the list, which features more obscure platforms that offer some advantages because of their support, feature set, and ease-of-use. This list is a good reminder not to overlook platforms like ExpressionEngine and Umbraco in favour of more conventional choices.

Daveed is excited about the latest release of jQuery, the javascript library behind many of the interactions and animations in some of the best websites. jQuery 1.7 sees the introduction of the .on() and .off() APIs, which make attaching events (such as “.bind ()” and “.delegate()”) to a document in jQuery simpler and shorter to type. It also offers built-in support for using HTML5 tags in browsers that aren’t compatible with HTML5, so that new HTML5 tags such as <section> work with older versions of Internet Explorer.

Around the Office is a weekly group blog that shows what the OnlineFriendly.biz team and Kobayashi Online have found interesting, funny, poignant, or otherwise notable over the past week.

Roberto knows some ways to make Facebook and WordPress work together. For instance, you can link your WordPress blog and your Facebook account to automatically show your followers every new post when they sign into Facebook. You can also configure Facebook to record social analytics for your WordPress site, giving you insight into user engagement and demographics on the Facebook network. Using Facebook in conjunction with a WordPress site can help reinforce its impact.

Brent likes the idea of bringing e-commerce into the real world. It’s not science fiction! The Korean division of Tesco supermarkets made it possible to go shopping on a subway platform using a mobile phone. They put full-scale images of their aisles and cellphone scan-able QR codes in the subway, letting commuters browse and scan the items want to buy as the wait for their train. Once they’ve filled their virtual shopping cart, they can purchase the items and have them delivered for when they get home. Going to a shop sounds downright tiresome in comparison.

Eva found a new online application this week that extracts colors from images. Whats Its Color not only does it find the primary and complementary dominant colors, but it also finds visually unique colors in an image. This application can be extremely useful for creating a design around an image.

We love getting feedback from the people around us, and that’s one of the reasons we liked how Heidi Cool crowdsourced the focus of a WordPress talk she was presenting. By asking for input on LinkedIn, Twitter and Facebook, she was able to get some topic suggestions and valuable advice. Relying on the crowd to make decisions isn’t always the best idea (for instance, would you only listen to music from the current top 40 charts?) but asking for crowd input can give you a great place to start. According to feedback after the presentation, she, in fact, did come up with a relevant and useful presentation by first asking what people wanted.

Around the Office is a weekly group blog that shows what the OnlineFriendly.biz team and Kobayashi Online have found interesting, funny, poignant, or otherwise notable over the past week.

This week Roberto found a great summary of some simple practices to make a WordPress site more visible in the eyes of search engines. Including keywords in page titles and headings, install an SEO plugin, and use descriptive tags and keywords were all among the top 10 tips.

We’re very happy with the current WordPress plugin Formidable Forms, but to make it even better, we suggested that the developers, Strategy 11, add a query parameter after the form has been submitted. This would help us collect data for analytics purposes. Strategy 11 helpfully obliged, telling us this feature will be added in a future release. We’re eagerly anticipating it!

If you don’t have words to describe something, you certainly don’t have words to search for it. An image may be the answer thanks to Google’s new image-based search, which lets you simply drag and drop an image file into the search bar and wait for the results. Wayne finds it great for finding a specific location, such as identifying the places vacation photos were taken.

You can now play your favourite classic arcade games in the Google Chrome Web browser thanks to an adaptation of the popular game emulator MAME. Daveed has been checking out the case study which explained the process of porting MAME to run in the Chrome Web browser in only four days. Understanding the the particular technical challenges sweetens the experience of playing classics such as Star Fire or Robot Bowl.

Brent has lots of experience with BlackBerry phones, but he’s afraid the name of its new operating system, BBX, is lackluster. He agrees with commentary by brand identity expert Andris Pone, who wrote this week: “BBX is a meaningless, boring name that suggests a lack of any technology that can compete with that on the iPhone.” And while the software itself seems to be impressive, it seems that BlackBerry has squandered a precious opportunity to tell a compelling story using its name.

Around the Office is a weekly group blog that shows what the OnlineFriendly.biz team and Kobayashi Online have found interesting, funny, poignant, or otherwise notable over the past week.

Wayne has been checking out Chrome Experiments, a collection of applications to inspire anyone interested in experimenting creatively with the Web. Wayne’s been exploring 3 Dreams of Black, three virtual dream worlds which are created collaboratively and combine rich 2D drawings and animations with interactive 3D sequences. He also recommends Z-type, a space shoot’em’up that uses typing skills to save the galaxy (like a mash-up between The Last Starfighter and Mavis Beacon Teaches Typing). While you’re at it, check out an elegant Chess game that features some unusual-looking pieces, and challenging AI.

Brent came across a Toronto artist this week who creates original pin-up art and accessories she sells on Etsy under the name Bombshell Artillery. It’s good to see that working in technology doesn’t dull one’s taste for classic design.

Daveed thinks that weak online privacy, exposed by a new Stanford University study, will help “Do not track” legislation gain steam. The study looked at the 185 most visited websites and found that more than half shared username or user ID information with another site. And while it’s possible to avoid being tracked, the US Federal Communications Commission has proposed a law to limit what personal information can be collected online.

Roberto wants you to know that WordPress is not only for blogging. As Make Use Of explains, WordPress is a versatile content management system that can be used for e-commerce, classified listings, members-only sites, review sites, and discussion forums.

Given all this power, however, it’s important to hide some features so as not to overwhelm clients with too many options, which can irritate them or lead them to break the site. According to a recent Six Revisions article, Web developers should try to streamline their client’s experience so that they only have access to what’s necessary.

We’ve been getting more and more requests for mobile friendly websites – sites that deliver a consistent experience on any screen from enormous 27-inch monitors to iPhones. These sites don’t just redirect mobile users to a different, mobile-specific site — these sites conform to their specific needs. All mobile users have to do is type in the website address and they have a site that works and looks great.

We’ve found that good design often translates well to mobile browsers. Just like when we designed sites before the growth of mobile, we use div elements, CSS styling, and avoid flash. A key addition we’ve made to our bag of tricks is adding mobile friendly forms thanks to HTML5.

Another important element of designing for mobile is responding to different screen sizes using different CSS styles. This is known as “responsive layout”, and can be done using “media queries”, which help browsers define which stylesheet to use.

Developers can also use what’s called “fluid” styling techniques to specify styles in percentages (rather than in rigid pixels) and fonts in “ems”, a relative size that’s the font equivalent of percentage.

Rather than delve into creating a responsive design from scratch, the user-friendly blogging platform and content management system WordPress makes responsive design simpler thanks to a handful of themes that are designed to show content on screens of different sizes and dimensions.

A great example of this is the Twenty Eleven theme, which was the new default theme when WordPress 3.2 was released recently. Just by changing the width of your browser, you can see how this theme changes for different browser and screen sizes. In browsers wider than 800 pixels, the website is shown normally. But as the browser gets smaller, things start to get interesting.

When the browser is 800 pixels or narrower, the basic layout is simplified. Any content on a right-side column has been moved to the bottom of the page. This streamlined layout emphasizes a single, linear column that makes scrolling through content easy.

As the browser shrinks to 650 pixel width and lower, the font sizes reduce for better readability on smaller devices. Also, because fonts in Twenty Eleven are defined in ems, they will scale based on what’s normal in a browser. This means that when a reader changes the browser font size, large fonts will remain relatively large, and small fonts relatively small.

These are some of the ways Twenty Eleven helps ensure your website looks its best at any size.

Twenty Eleven can be used to easily create many types of sites, but one of the most impressive is a mobile-friendly photography or design portfolio site. To make sure your image posts look their best, choose the click the right “post format”. There are various post formats such as “asides” and “links” but the one you’ll pay attention to most for this type of site is “galleries” and  “images”. These post formats help you neatly display your photos and designs, and, on top of it all, it’s mobile friendly.

Aside from Twenty Eleven, there are some other free WordPress themes with responsive layouts, such as the beautiful Yoko theme, the clean and minimalist Scherzo theme, and the Mac-styled iTheme2 theme. These themes offer many different options for creating different sites that all respond to the browsers and devices they are shown on.

Need more help ensuring that your site looks its best on any screen? Kobayashi Online can help you deliver great experiences to your visitors, no matter what device they use!

Blog comments are something that you should typically encourage because they give readers a chance to participate in the conversation. Comments give readers the opportunity to relate their experiences, offer their point of view, and provide related information. This interaction within the blog can help to expand the original blog post, sometimes giving it a life of its own.

If one of your blog’s goals is to encourage commenting, you should try and make the commenting process as simple as possible.

In this post, we will describe some ways to encourage WordPress comments, while dealing with the inevitable, unwanted comments posted by finding ways to moderate them.

A CAPTCHA, seen at the bottom of this comment form, could stop website visitors from posting a comment.

Avoid CAPTCHAs – A CAPTCHA is an automatically generated test where a user is typically asked to read distorted text and type the letters they see. Because an automated spam program cannot easily decode this distorted text, a CAPTCHA helps ensure that comments are submitted by a human.

The downside is that humans can find CAPTCHAs annoying. The squiggly lines of text can be extremely hard to read, making it frustrating for the commenter, who may have to try several times to guess at the characters. Many give up.

Eliminate unnecessary forms – Posting a comment should not involve filling out a long form; it should be as little work as possible.

We recommend not having any unnecessary forms to fill out such as entering your email twice, or having a pull-down menu of your “preferred title”. Unless it’s absolutely necessary, those commenting should only be required to enter their display name, email address, and comment.

Consider using OpenID – There are tools available that make it easier to sign up or sign in to comment.

The OpenID plugin for WordPress, for instance, makes commenting easier for those who already have OpenID accounts. OpenID gives users control of their online representation across multiple websites, so that their account and username are the same for each and every website. From a usability perspective, giving visitors the option of signing in using OpenID means they doesn’t have to manually enter an email address or handle, and their account is consistent across many sites.

Tools to eliminate spam – By making it easy to comment, it could be easier for spammers to post comments. Eliminating spam is crucial because comment spam not only can it reduce the overall quality of the conversations, but it can also bring down your site’s search engine page rank.
One tool that helps manage spam is Akismet, which helps filter out comment and track-back spam by running each comment through hundreds of tests to determine if it’s spam. This means you don’t have to waste time sorting through and deleting spam from your blog.

One of the great things about Akismet is that there are plugins for many popular platforms including WordPress and Joomla.

There is a trade-off between making a blog easy to comment on, and mediating spam. Tools like Akismet make moderating comments easier, but you must also spend some effort manually finding and deleting spam comments. We think, however, that the extra time and effort this is worth it, given the value that legitimate comments can provide to your blog.

Feel free to share any questions or tips about how to encourage blog comments. If you need help simplifying your blog’s commenting system for your visitors, or dealing with comment spam, please let us know!