2015 – A year of important updates that impacts the complete web industry especially SEO

Till now in 2015 there have been many important announcements like many algorithm updates, introductions to long waited Instant articles and more. So the techies and web gurus call this year as a year of web and SEO updates. Even the eCommerce world is growing to a new level this year with the latest updates and new widget launches which supports the most of the mobile devices like notebooks, Smartphone, Phablets and more.

We would like to list out some of the important updates that made out in this year and also some special updates that are about to launch quickly.

2015 Web Trends

Google’s Mobile-Friendly Algorithm

As said earlier, mobile friendliness is something more important as there is a huge increase in mobile phones usage and also the urge of on-the-go shopping. Yes, many people are making even their daily shopping through online portals like Amazon, eBay, Walmart, Target and more. As reported, around 87% of the people in the world use a Smartphone and in which nearly 68% do their shopping through Smartphone.

Because of this increasing mobile phone population, Google was levitated to launch an algorithm to support the mobile device. So in April 21st they launched a new algorithm called as Mobile-Friendly Algorithm (commonly called as the Mobilegeddon in the SEO network). It was a huge relief to common people as this algorithm supports mobile searches. Google reportedly said websites without mobile friendliness are out of the race i.e. they will not get their desired placement in the search engine page rank (SERP). Pages with mobile friendliness are sure to the ranked top on the Google search page. If your website is not mobile-friendly, then this is the right time to revamp your website to stay in the race.

Webmaster Tool’s Search Analytics

A couple of weeks, back Google stated that the mobile search has exceeded desktop and PC searches. Google’s spokesperson said, “More Google searches take place on mobile devices than on computers in 10 countries including the US and Japan.” Recently, Google released a Search Analytics in Webmaster tools that help to know about the impact of the newly launched mobile-friendly algorithm.

Your Google Webmaster tool will display a new report named Search Analytics, which shows the impact of the new algorithm on your website. This report has an interesting feature called the Search Type filter. It allows you to view the clicks on the video link that other ways doesn’t provide. It is going to be a very useful feature as it helps to track many unknown results and event clicks (a clear click through rate [CTR]).

Ref from: Yoast.com

Facebook Instant Article

Facebook loves to do everything surprisingly and in a unique manner. The same happened with this launch too. They announced that the Instant Article will be on and it will now tested by publishers like National Geographic, NBC, BuzzFeed, The New York Times, BBC News, The Atlantic, Bild, The Guardian and Spiegel.

Instant Article was specially developed for journalists who love to share their story across the social network. It also helps the journalists to use rich media like images and videos to make viewers feel comfortable while reading and also to eliminate dizziness. This tool has one incredible feature that lets readers zoom in the high-quality pictures and videos listed across the article, and also the videos play automatically when scrolled through.

Not only the above mentioned, there are also many other updates that impacted the web industry and also few are yet to launch which is sure to a game changer in the web market. A couple of upcoming are explained below.

Bing Mobile-Friendly Algorithm

Following Google, the Microsoft Master ‘Bing’ has announced that it will roll out its mobile-friendly algorithm. Like Google, Bing is also following the same grade and structure but in their way. The site with mobile friendliness is sure to hit the top ranks on the search rank, and the site without mobile friendliness is sure to be kicked off from the search ranks.

Unlike Google, Bing has not announced the exact date of the launch of the algorithm rather they are approaching slowly to make sure nothing goes wrong. Recently we found the mobile friendly label on the Bing searches that justify that they are approaching slowly and steadily. There are rumors that Bing will launch a new Mobile-Friendly tool to help webmasters to analyze the acting algorithm. According to the web world’s knowledge, the Bing Mobile-Friendly algorithm will be rolling out its algorithms in few months.

‘Buy’ buttons on Google Shopping Ads

Rumors are something so common to the web industry. There was a long-running rumor that the buy button will appear on selected Google shopping ads like it appears on Amazon and eBay. This rumor is likely to be live now as Google has planned to launch the BUY button in the upcoming months.

When users click on the Buy button, the page will be directed to another page where user chooses color, size and other product specifications. The rest will be taken care by the vendor or merchants i.e. the shipping, returns and all other the respective vendors will handle this.

Ref from: Search Engine Land

Author Bio:

Dhinesh Rajarathinam has a background in computer engineering, and is very interested in website development and mobile application. He is currently a senior editor in K2B Solutions, an outsourcing company that provides web and mobile apps development services to clients located across the globe.

Browser based video formats in HTML5

Video formats are diverse and each of them can be used in a specified browsers. Few of the video formats are MP4, VP8, VP9, Theora and so on. There are lots of browsers being used in the web. Most of the web developers are not aware of the latest browsers and the video formats supported by the browsers, they automatically use the prescribed or default video formats. In order to display the videos without any plugins, HTML 5 launched an element called ‘video element’.

HTML5 Video Formats

Let us have brief information about the Video element of HTML 5 and the browser-based video formats in this article…

HTML 5 Supported Video Formats

HTML5 does not state which video formats should be supported browsers. If a video format is appropriate, the browser can support them for free. But, content authors will not allow them to do so, as they consider that the browsers have no least set of video formats to support.

The HTML5 Working Group states that, each browser should support at least one video format. That ideal format of a video should hold the following constraints:

  • Royalty-free
  • Good image quality
  • Low decode processor use
  • Good compression
  • Hardware video decoder must be present with software decoder for a video format.

Video Element of HTML 5

To download a video file in a browser, two methods are used:

  1. JavaScript canPlayType() function

Type refers to the MIME (Multi-Purpose Internet Mail Extension) type and the list of codecs. This instructs the browser to decode the file.

  1. <source>

Fallback is supported by the ‘video’ element through the multiple sources specifications. <source> can be any number of elements. The file to be downloaded can be picked by the browser.

Browser- based Video Formats

Theora and WebM are the free formats. MPEG-4 is the non-free format. The most common browser-based video formats in HTML 5 are:

  1. Theora
  2. H.264 (MP4)
  3. VP8
  4. VP9
  5. MPEG 4

Let us see in detail about the browser-based video formats regarding their operating systems, versions, and the browsers to be used.

  1. Theora
Theora Browser OS Latest Version
3.0 Google Chrome 35.0.1916.153 35.0.1916.153
Manual Internet Explorer Windows 11.09
3.5 Mozilla Firefox Windows 7+, Vista, Linux, Android and others 30.0

ESR 24.6.0

2.3 Android Android 4.2.1 Jelly Bean
2.28 Web All supported 3.12.2
10.50 Opera Windows Presto,

Windows OS, Linux, FreeBSD

12.17, 22.0.1471.7,

12.16

 

r18297 Chromium Unix, & others
Manual Safari OSX 7.0.5, 6.1.5
4.4 Konqueror All supported 4.13.1

 

  1. H.264 (MP4)
MP4 Browser OS Latest Version
3.0 Google Chrome 35.0.1916.153
9.0, 9.0, 10.0 Internet Explorer Windows, Windows Phone, Windows RT 11.09, 10.0, 10.0
21.0, 22.0, 26.0, 17.0 Mozilla Firefox Windows 7+, Vista, Linux, Android 30.0

ESR 24.6.0

3.0 Android Android 4.2.1 Jelly Bean
2.28 Web All supported 3.12.2
11.50 Opera 20 for Android

12.0.22 for Symbian S60

10.0 for Windows Mobile

3.1 Safari OSX 7.0.5, 6.1.5
Manual Chromium Unix
4.4 Konqueror All supported 4.13.1
  1. VP8
VP8 Browser OS Latest Version
6.0 Google Chrome 35.0.1916.153
Manual Internet Explorer Windows 11.09
4.0 Mozilla Firefox Windows 7+, Vista, Linux, Android & others 30.0

ESR 24.6.0

2.3 Android Android 4.2.1 Jelly Bean
2.28 Web All supported 3.12.2
 

11.50

 

10.50

Opera 20 for Android, 12.0.22 for Symbian S60

10.0 for Windows Mobile

Windows Presto,

Windows OS, Linux, FreeBSD

Manual Safari OSX 7.0.5, 6.1.5
r47759 Chromium Unix
4.4 Konqueror All supported 4.13.1
  1. VP9
VP9 Browser OS Latest Version
29.0 Google Chrome 35.0.1916.153
Internet Explorer
28.0 Mozilla Firefox Windows 7+, Vista, Linux, Android & others 30.0

ESR 24.6.0

Android
2.28 Web All supported 3.12.2
16.0 Opera 20 for Android

12.0.22 for Symbian S60

10.0 for Windows Mobile

Safari
r172738 Chromium Unix
4.4 Konqueror All supported 4.13.1

 

  1. MPEG 4/H.264

This format is widely used. It has good speed, video quality, hardware decoders, and compression.

H.264 is used in MP4 format, with Advanced Audio Coding (AAC) audio. Users of MP4 should hold the licences of both AAC and H.264. This format is supported by Apple and Microsoft.

HTML5 and CSS3 – Lift up your web design to next level

HTML5 and CSS3 are the new techniques which are considered as the future of web development. However, you don’t have to wait to start using them for your web development. Because, even though the specification is still in development, most contemporary browsers and mobile devices already support these techniques.

Gone are the days when adding additional markup just to design a button in a different way or stripe tables. Now, you have to learn how to use HTML5 and CSS3 new markup to create a better structure for your website content and also better interfaces for your forms.
HTML5-CSS3Using HTML5 and CSS3, you can able to embed audio, video and vector graphics into your web pages without using Flash. You can find how web sockets, cross-document messaging, client-side storage, and offline caching can make your modern web development easy, also you can discover how CSS3 makes it into style sections of your web page. You will get a clear idea about both the developing solutions that are backwards compatible and accessible.

HTML5:

HTML5 is the most recent version of Hypertext Markup Language or HTML. This technology is currently supported by only a few numbers of browsers, hoping to see more in usage by the next year. However, the features that are available now are a best possible way to become acquainted with HTML5 and add some fantastic elements to your website.

To avoid many bugs and crashes, refuse to allow Flash on the iOS and also learn how to use the more intricate features of HTML5 to develop apps and iOS-friendly websites. As Google is rolling out an HTML5-friendly version of YouTube, many web and mobile app developers have started to see how important this technique will become in the near future.

Every browser may support various features of HTML5 that makes it mandatory for those interested in programming to figure out which features they require and which will be supported by various different browsers.

Features of HTML5:

•    Any HTML5 syntax needs a doctype that must be specified, so that the browser can provide the web page in standards mode. One important thing is that the doctype declaration has also been made simpler from previous HTML. Hence, it is now just: <!DOCTYPE html>
•    HTML5 provides an outstanding support to both audio and visual. As soon as all browsers support HTML5, you can be able to easily add audio and video to your website without the need of other plugins.
•    Using HTML5, you can easily edit the content of your website. Use the attribute “contenteditable” to effortlessly change your content on your website. To do this, just add contenteditable=“true” to any element.
•    You can use the canvas element to bypass Photoshop in order to make your 2D images and directly add them in your code.
•    The application cache allows you to easily navigate web applications, even though you are offline.
Why use HTML5?
•    HTML5 gives you more flexibility when creating your website.
•    As HTML5 generally implements Web sockets. Hence, it will load much faster than its older version.
•    Using HTML5, you can create universal applications for all mobile devices. Therefore, mobile phone applications will become much more accessible if they are written in HTML5.
•    Audio, video and images are all effortlessly written perfectly into the code. This eliminates the need for any other third-party software like Flash.
•    HTML5 is growing more rapidly and this will be resulted in a number of features that will leave traditional websites looking outdated.
•    As HTML5 is generally built on HTML4, the old markup can able to stay in place as you develop the new features.
•    Both HTML5 and CSS3 together will provide some great designer credibility.

CSS 3:

CSS3 or Cascading Style Sheet 3 is a style sheet language that specifies style formatting, such as color, font, size and layout, for websites. This technique is mostly used in HTML pages. However, unlike HTML, CSS mainly focuses on the design and style of a website rather than its content. The main purpose of using CSS is to make changes on every page on a website without rewriting the code.

Even though CSS3 is not supported by all browsers that are available now, it is becoming very popular because it makes website changes so much easier, when compared with its previous version or JavaScript plugins.
CSS3 provides many exciting new features that help you to enhance the appearance of a website. Using CSS3, you can able to improve the functionality and appearance of your website exponentially.

Features of CSS3:

•    Using CSS3, you can easily create a shadow around an element by using the same code, and also be able to change the color, position, and blur of that shadow.
•     Rounded corners appear more user-friendly than square boxes. Using CSS3, you can apply this effect to HTML elements.
•    Just like normal text, you can be able to add a shadow to HTML text that can be highlighted. Using CSS3, you can change the shadow blur, the shadow angle, and the shadow color in CSS.
•    The property “opacity” can make elements more transparent. You can set the opacity of an image in an image editor and then save it with transparency enabled.
•    With CSS3, you can create gradients right in the browser as soon as you load the web page.

Why use CSS3?

In fact, there is no high demand of innovation that CSS3 was developed, however, the possibilities that CSS3 could be able to provide for us. Before CSS3 has been introduced, web designers can able to create CSS to meet the expected result using images and markup. But, now, with CSS3, they can be able to create the same effects as layout images and extra markup with less effort and more dynamics. This not only helps in making changes easily, but also decreases the size of a web page with less number of images.

Conclusion:

Hence, the combination of both HTML5 and CSS3 are very powerful and can create incredible, high-quality solutions. So, it is mandatory for you to learn them and start using them from today, otherwise you will fall behind your competitors.

Comparison between web 2.0 and web 3.0 standards

World Wide Web or WWW was first introduced in the year 1991. But, later, as the technology advanced, new versions of web standards in the form of Web 1.0, Web 2.0 and Web 3.0 came into existence. However, Web 2.0 and Web 3.0 are obviously considered more advanced and easy to use when compared with Web 1.0. But, most of the people are confusing with the changes and the evolution that have taken place. This article aims to be clear out the difference between Web 2.0 and Web 3.0.

Web2.0-Vs-Web3.0

S.No Web 2.0 Web 3.0
1 “The document Web” “The metadata Web”
2 “The social Web” “The intelligent Web”
3 Static Highly mobile, three-dimensional or 3D
4 Controversial Even more controversial
5 Writable phrase of the WWW Executable phrase of the WWW with interactive services, dynamic applications and “machine-to-machine” interaction
6 Uses the read-write web Uses semantic web
7 Google as catalyst Semantic Web companies as catalyst
8 Google keyword search is used to find information Databases with metadata are used to find information
9 Uses blogs, web applications, rich media and viral media Uses drag and drop mashups and widgets
10 Focuses on Communities Focuses on Individuals
11 Uses online knowledge community that entails people tagging of content and its categorization Uses content management systems along with artificial intelligence
12 Facilitates interaction between web users and sites Interprets information like humans and wisely produce and distribute useful content customized to the requirements of users
13 Abundance of information Control of information
14 Sharing Content Consolidating Dynamic Content
15 The key technologies developed during this stage of the Web include are Blogs (Blogger); Wikis (Wikipedia); Social Bookmarking (del.icio.us); Social Networks (Facebook, MySpace); Instant Messaging (Yahoo!, Google Talk, AIM); Mash-ups; Auction Web sites (eBay); and Professional Networking (Linked-in, Plaxo). The key technologies developed during this stage of the Web include are Ontologies (YAGO, DBPedia); Semantic Searching; Thesauri and Taxonomies; Personal Intelligent Digital Assistants; and Knowledge Bases.