5 Principles of Responsive Web Design

Getting started with responsive design..

Everybody is talking about responsive design so do I. The point is here; almost all people know that, this is the time to embrace responsive design. However, only a few knows well, where to start and how?

Fundamentals of Responsive Web Design

I suppose, reviewing the following keys will help to certain extent all since I’ve considered them in my cases and got tremendous return..

  1. First and foremost thing – analysis of user behavior, analysis of actual requirements, and analysis of historical data to understand the goal and identify the way to achieve that goal
  2. Mobile should be at the central point, so start thinking of UX/UI accordingly
  3. CSS3 is a must ingredient because of media queries, help transforming content based on conditions
  4. Speed is important, so must not compromise cheaply
  5. Make it such a way so that it’s become easily digestible to the users – take special care on each and every small details like, readability, color scheme, button size, menu icons, screen orientations etc.

These are some common factors while considering a responsive design however important enough to keep in mind so that will help you get started with responsive design.

10 G+ Optimization Ways – Build Brands & Add SEO Values

One simple question.. how to optimize Google Plus profile and page for building brands? A few things that I’ve done recently on my G+ account..

Tips to take Advantage of G+ for SEO

These are all from my own realization and might have already followed by others..

1. Set one of my clear-cut headshot as profile picture instead of an old abstract

Point: Google is applying circular shape while trimming the image – so upload the profile image accordingly
Confession: Yes, I know, there is still some room for improvement for me

2. Set a matching cover photo as well instead of the old dull one

Point: An astute user (as well as G+ system) is critical enough for small details while reviewing the profile
Confession: I’m using G+ provided cover photo however planning to create a custom one

3. Claim your custom URL instead of using the standard version

Point: Do this quickly otherwise, someone else book yours
Confession: Yes, I was lackluster and as a result I’m still using something like https://plus.google.com/11223344556677889900 instead of https://plus.google.com/+ParthaSarathiDutta/

4. Starts focusing on extend my own circle legitimately

Point: Adding more genuine people means building overall trustworthiness and reputation
Confession: Way to go!

5. Now become more proactive on G+

Point: Adjust profile settings based on available visibility and sharing options
Confession: Yes, I’m still playing around with sharing features according to my own choice and preferences

6. Completed my incomplete G+ profile

Point: The more valid and updated information, the better the chance for one to be found or accessible in G+ / online Google search
Confession: Still permutation and combination with data and fields

7. Sharing content more frequently

Point: Google indexes shared G+ content very quickly even within less than 2 min.
Confession: This is applicable if you really want to become popular among your circle

8. Linked my personal blog with my G+ profile

Point: Add all the important channels to make a bridge in between online profiles
Confession: Done to certain extent

9. Transforming approach from being always proactive to sometime reactive

Point: The perfect blend will help enormously connect with people on G+ instantaneously
Confession: My ego is killing me

10. Start postings with shared publicly statue

Point: To take advantage of G+ Ripples feature optimally, one has to share posts publicly
Confession: Haven’t analyzed deeply my G+ social landscape yet

I suppose, G+ also require similar level of engagement just like people are with Facebook and Twitter.

I’m using G+ as networking tool but not a spamming tool; so again it’s now up to us whether we emulate this platform to money making machine instead.

Now, I hope, it’s pretty clear to us.. how to take advantage of Google Plus for SEO!

Backlinks in SEO: From Building to Earning Links

The flexibility of friction ridge skin means that no two finger or palm prints are ever exactly alike in every detail; even two impressions recorded immediately after each other from the same hand may be slightly different..

So, I suppose, possibilities of new articles are inevitable however only thing has to remember by any publisher that the intention should be wise behind publishing such content.

The fact that, web is evolving pretty fast in order to keep pace with technology advancements. As a result, surfing behaviors is also changing rapidly in accordance with search engines. Similarly, link building (i.e., acquiring back-links) process has been completely evolved.

Importance of Backlinks in SEO

The frequent introduction of Google updates has eliminated the effectiveness of traditional link building processes. So, SEOs perception has to change accordingly.

» What is backlink in SEO?

↳ Effective rank improvement on SERP

↳ Businesses were ready to pay money for link-building services

↳ Manipulation stars and SEOs forget about the real cause behind link acquisition

↳ Bidding war increases in between agencies and real value starts missing from their services

↳ End users start fuming

↳ Search engines took precautionary steps in form of algorithm update

↳ Reduced the effectiveness of old link building tactics

↳ Sudden traffic fall and other mismanagement comes up rapidly

↳ Businesses ROI get shattered

↳ Hire new services / SEO agencies start looking for new ways

↳ More in-depth research work become inevitable

↳ Cost increases

↳ Clients start questioning about the rise of project cost

↳ SEOs invented new spamming techniques in order to keep hold on clients instead of offering them real value added services and educate them about the actual scenario

↳ SEs are become more strict

↳ Eventually acquiring back-links are become harder

» How to generate quality inbound links?

  1. Forget about traditional way of building links
  2. Educate clients and don’t hide anything
  3. Build a dedicated and educated team like “A Team”
  4. Use technology and tools appropriately
  5. Focus on content marketing

So find back-links rationally, create inbound links aesthetically.. Otherwise it will become even more critical to retain a client account!

Suggestion on Favicon Usage

Inserting a favicon.ico code to HTML web page.. why and how?

Favicon Code

A letter to an eligible designer..

Hi,

Can you please check whether the use of favicon has been passed compatibility issues? Currently, the web pages have the following link elements –

<link rel=”icon” type=”image/icon” href=”http://www.example.com/system/application/images/favicon.ico”&gt;
<LINK REL=”SHORTCUT ICON” href=”http://www.example.com/system/application/images/favicon.ico”&gt;

Conventionally, the default favicon.ico file has to be at the root of website since browsers will go looking for the file there by default. However, which is not the case here. The favicon.ico file is not at the website’s root. That’s why I’m enquiring. I prefer to have the above two link elements in the following manner respectively –

<link rel=”icon” href=”/favicon.svg” type=”image/svg” />
<link rel=”shortcut” href=”/favicon.ico” type=”image/x-icon” />

Here, we can consider a designer’s thought as well in order to take informed decision.

Regards,

🙂

_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Reply from an eligible designer..

There is no need of two links for favicon icon. The (rel=”shortcut icon”) support in all browsers just we need to add type=”image/icon” which is missing currently in the link. Please use following corrected link for the site.

<LINK REL=”SHORTCUT ICON” type=”image/icon” href=”http://www.example.com/system/application/images/favicon.ico”&gt;

Regards,

🙂

_/_/_/_/_/_/_/_/_/_/_/_/_/_/

So, are you fine with this?

NB: Stay careful while adding favorite.ico icons to the website!

Digital Law: Google Update for SEO

Digital law for every professional..

Google Algorithm Update: Latest News in SEO

The fact..

Most of the internet marketers don’t know the web’s rule of thumb

↳ Out of the above eligible, most of them don’t care about the web’s rule of thumb – because some of them want to achieve success quickly and some of them don’t realize the actual repercussion of disobeying the internet law

↳ Out of the above eligible, most of them won’t able to follow the web’s rule of thumb – because either their superiors wants them to spam proactively since the project has already been sold out to client by offering them unrealistic KPI or lack of socio-economic infrastructure

↳ Out of the above eligible, most of them have the ability to predict about the possible upcoming changes in search crawler’s behavior and accordingly start educating others

↳ Rest of the others from the above are start biting their nails

Listen, one thing is pretty clear – if you want to succeed then obey the rules otherwise ready for the slap.

That is the reason, why we’re seeing panda, penguin, pigeon, hummingbird and many more of this breeds! The rich snippet spam was another reason why Google start penalizing sites.

If a professional violates his or her duty of care toward the web, then what else we can expect to receive? Due to our own professional negligence, we’re now facing another algorithm update.

It’s us and none other than us for all these!

List of Most Popular Rel Attributes in SEO Community

HTML link tag, various rel attributes, and a short SEO cheat sheet..

How to use various rel attributes?

Rel attribute is supported by all modern day browsers and used by search crawlers to get more information about the entity on which the rel attribute has applied.

For telling search bots that don’t follow the entity..

rel=”nofollow”

For setting a preferred URL for my content..

rel=”canonical”

For indicating paginated content..

rel=”prev” and rel=”next”

For language and international/regional URL declaration in line with hreflang..

rel=”alternate”

For establishing content authority and linking with my G+ page..

rel=”author” and rel=”me” and rel=”publisher”

For assigning tags to easier understand the site structure and entity identity..

rel=”tag”

This is a good way of adding authority to web pages and major search crawlers will love rel attributes while extracting data about link tags.

Robots find easier to index the content and get back to the users against their queries more appropriately.

Using HTML Meta Tags for SEO

List of meta tags that are useful in 2015 per my understanding..

HTML Meta Tags that Search-bots Recognizes

But, first thing first – using metadata is not for gaining rank, I only use to get the best possible first impression of my content on social/search platforms.

So, for organic search..

Page title

<title>Create illustrative page title</title>

Meta description

<meta name=”description” content=”Create fine meta description.” />

Meta robots

<meta name=”robots” content=”noindex, follow” /> | <meta name=”robots” content=”index, nofollow” /> | <meta name=”robots” content=”noindex, nofollow” />

For social channels..

Facebook’s OpenGraph

<meta property=”og:title” content=”” />
<meta property=”og:type” content=”” />
<meta property=”og:image” content=”” />
<meta property=”og:url” content=”” />
<meta property=”og:description” content=”” />

Twitter Cards

<meta name=”twitter:card” content=”” />
<meta name=”twitter:url” content=”” />
<meta name=”twitter:title” content=”” />
<meta name=”twitter:description” content=”” />
<meta name=”twitter:image” content=”” />

Google+

<html itemscope itemtype=””>
<meta itemprop=”name” content=”” />
<meta itemprop=”description” content=”” />
<meta itemprop=”image” content=”” />

Google supports..

<meta name=”description” content=”” />
<title></title>
<meta name=”robots” content=”” />
<meta name=”googlebot” content=”” />
<meta name=”google” content=”” />
<meta name=”google-site-verification” content=”” />
<meta http-equiv=”Content-Type” content=”; charset=” />
<meta charset=”” />
<meta http-equiv=”refresh” content=”; url=” />

Bing supports..

Title tag
Meta description tag

This is it.. some of my favorite HTML meta tags (that leading search-bot recognizes too) every internet marketer should consider using in 2015. Tell me if I’m overlooking anything obvious.