06 May 2013

The Old Google Image Search in Chrome



There's a weird regression in Google Image Search if you use Chrome 27+ and enable "Extended Instant API" in chrome://flags. Extended Instant is a feature I've mentioned a few months ago and it's still a work in progress. It integrates Chrome with Google Search, replaces the new tab page with a special version of the Google homepage and removes the navigation bar and the search box from Google's search pages.



Back to Google Image Search. For some reason, when Extended Instant is enabled, Google Image Search switches to the old interface: thumbnails are smaller and you can mouse over to see more details about the images. When you click an image result, Google sends you to a new page that loads the original image file.






Google's Red Sign In Button



Google now shows a red "sign in" button on the homepage, at the top of the search results pages, in Google Maps, Google News, Google Translate and many other services. The button is a lot more visible than the old gray "sign in" button.






Here's the Google Image Search homepage in Internet Explorer. The red button clearly stands out from all the other promotional messages.






After the Gmail sign in page, Google's standard sign in page also has a new interface: "One password. All of Google. Want to enjoy the best of Google? Just stay signed in. One username and password is all you need to unlock more features from services you use every day, like Gmail, Maps, Google+, and YouTube."






{ Thanks, Jérôme. }


Open Gmail Links Using Google Apps in iOS



The latest version of the Gmail app for iOS added a feature that opens links using other Google apps: Chrome, Google Maps and YouTube, assuming you've already installed them. It works well for Google Maps links and YouTube links, but not that well for other links: some open using Chrome, but most links open using the internal browser of the Gmail app.






If you don't like this feature, you can disable it by tapping the settings icon next to the account switcher, picking Google Apps and unchecking the apps you don't want to handle Gmail links.



You can't change the default browser in iOS, but some Google apps include an option to use Chrome. For example, the YouTube app opens all the links using Chrome, if you've installed the app, and you can disable this feature from the settings. When you open a page from a Google app like YouTube, Gmail or Google+, Chrome shows a button that sends you to the previous app, just like the Android back button.






How To Set Windows As Default OS In Boot Camp On Mac



CLICK HERE TO SEE FULL POST



Installing Windows on a Mac with the help of Boot Camp Assistant is the best method out there to run Windows on Mac hardware. There are a couple of advantages of using this method over other methods. Boot Camp is an official Apple software, which means that when you install Windows on Mac machine, all [...]

How To Shutdown Windows 8 Quickly By Changing Power Button Action To Shutdown



CLICK HERE TO SEE FULL POST



The lack of easy access to shutdown, hibernate, sleep, and restart options in the newest iteration of Windows operating system has forced many users to install third-party Start menu programs, pin shutdown and hibernate options to the Start screen, and also add shutdown, restart, and hibernate to the Windows + X power menu. While it’s [...]

Getting Rich Snippet Video Previews Into Your Search Results



rich snippet videoProducing your own video content is great. Search engines and users alike love video content. It increases user engagement – keeping visitors on your page – but moreover it’s just makes your content more interesting, adding value. You’re already doing this? Awesome – but do you upload them all to YouTube and just embed them on your site? Yes? Then you’re doing it wrong.


We’ve talked about Rich Snippets before – pieces of meta you can add to a page that Google will understand and potentially include in the search results. Authorship is one example; here’s one of my own search results, standing out nicely on a video game review search.


rich snippet video


In short, users are more likely to click on something when it’s not just a bland text result.


What you really want then, is for Google to recognize that your page contains a nice juicy video that you put time into creating, and to rank that page higher or with potentially more visibility. Here’s another result from the same search result, though it’s actually ranking further down the page since it’s less relevant. Still, it highlights nicely rich, video content.


rich snippets video google


How To Get Video Previews into Google


This is not an easy task, and as ever – there’s no guarantee that your site will benefit from them. However, here are the basic steps needed:


1. Host your own videos. Don’t use YouTube.

2. Make sure they are marked up correctly.

3. Use an HTML5 video player.

3. Submit a special video sitemap to Google.


What’s Wrong With YouTube?


There’s nothing wrong with YouTube per se, but you’ll be in competition with yourself. YouTube is indeed a great inbound marketing tool. Users may stumble across your video, love the content and try to find more at a site address listed, particularly if it’s a viral teaser or “full instructions at the link in the description” type video. But they may also just click through to another related video and never visit your site at all.


The point is that when you make YouTube videos to accompany the page you’re trying to rank with, you’ll more than likely be outranked by your own video as a YouTube result; it won’t be a pretty thumbnail pointing to your page, it’ll be pointing to YouTube. There’s a time and place and a reason to use YouTube videos. Outranking your own content is not one of them.


Hosting & Player


The simplest option here is to upload video content to your own site, so we’ll use that for demonstration purposes. There are ways of using a premium Vimeo account, or some other third party hosts, but since you already have webspace you might as well use it. If you’re expecting a lot of traffic, be sure to have this all cached with a CDN (see my tips on how to speed up a WordPress blog).


Next, we need a suitable player – something that outputs HTML5, but can fallback to Flash or Silverlight when absolutely needed. For this, let’s use MediaElements.js; it’s a capable player for all kinds of media. You can find it directly from the WordPress dashboard.


rich snippets video google


Usually we would embed the video using a shortcode like this:



[video src="myvideo.mp4"]

However, this won’t result in Schema.org markup being used, so instead we’re going to manually code it like this:



<video width="600" height="400" controls="controls" preload="true" itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject">
<source src="http://technophiliapodcast.com/podcast/tech63.mp4" type="video/mp4" />
<meta itemprop="name" content="Technophilia Technology Podcast, Episode 63 - Generic Podcast Listener"/>
<meta itemprop="contentURL" content="http://technophiliapodcast.com/podcast/tech63.mp4" />
<meta itemprop="description" content="Episode 63 of Technophilia Technology Podcast" />
<meta itemprop="thumbnailUrl" content="http://technophiliapodcast.com/wp-content/uploads/2013/04/tech63.png" />
</video>

Which still results in this:


rich snippets video google


Warning: Don’t switch back to visual editor or your code will be butchered apart. Yes, not ideal. The best would be to adjust or code your own plugin that would load the MediaElements.js player AND output suitable markup. Nevertheless, this is what we have.


Check your markup using the Rich Snippet Tester, but be aware that it won’t show a video preview in the tool – just check if the markup is correct:


rich search snippets


Video Sitemaps


Unfortunately, this is where things get really difficult. If you search the WordPress plugins directory for “Video sitemaps”, you’ll find a few plugins claiming to do this. However, they only work with YouTube links, which for our purposes is completely worthless. There isn’t a free WordPress plugin that will work for our needs, but you can manually code a video sitemap like this (I’m being lazy and not writing a proper description, but you should):



<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
<url>
<loc>http://technophiliapodcast.com/2013/63-generic-podcast-listener/</loc>
<video:video>
<video:thumbnail_loc>http://technophiliapodcast.com/wp-content/uploads/2013/04/tech63.png</video:thumbnail_loc>
<video:title>Episode 63 of Technophilia Technology Podcast</video:title>
<video:description>Episode 63 of Technophilia Technology Podcast</video:description>
<video:content_loc>http://technophiliapodcast.com/podcast/tech63.mp4</video:content_loc>
<video:duration>5204</video:duration>
</video:video>
</url>
</urlset>

(included above are the basic minimum of required fields, except for duration – in seconds – which optional but recommended)


Alternatively, Yoast – the creator of the famous WordPress SEO plugin (featured on our Best WordPress Plugins) – offers a premium plugin to handle this side of things, and it integrates nicely with the MediaElements.js player. The downside is the price, at a whopping $60 for a single site or $250 for a developer licence. Then again, if you’re putting at least an hour into making each video, they really deserve a little love and attention on the SEO side.


Submission To Google


Finally, log into Google Webmaster Tools and point it toward your video sitemap. Mission accomplished.


rich snippet video


It’s a shame there’s not an easier way to do this, but that’s what you get for being on the bleeding edge of Internet developments. Video previews in the search results will give you a competitive edge, but remember – if your accompanying content or the video itself isn’t up to scratch, that effort will have been wasted.


Do you know of a better way to handle this in WordPress? Let us know.


The post Getting Rich Snippet Video Previews Into Your Search Results appeared first on MakeUseOf.