Select Page
September Update – Virtual Reality and the Web

September Update – Virtual Reality and the Web

What is Virtual Reality?

The computer-generated simulation of a three-dimensional image or environment that can be interacted with in a seemingly real or physical way by a person using special electronic equipment, such as a helmet with a screen inside or gloves fitted with sensors. The definition of virtual reality comes, naturally, from the definitions for both ‘virtual’ and ‘reality’. The definition of ‘virtual’ is near and reality is what we experience as human beings. So the term ‘virtual reality’ basically means ‘near-reality’. This could, of course, mean anything but it usually refers to a specific type of reality emulation.

VR example showing a castle emerging from a smart phone

(more…)

Back to School – Information Architecture

Back to School – Information Architecture

What is Information Architecture?

Information architecture is the practice of deciding how to arrange the parts of something to be understandable. It is in the websites we use, the apps and software we download, the printed materials we encounter, and even the physical places we spend time in.

A good Information Architecture helps people to understand their surroundings and find what they’re looking for – in the real world as well as online. Practicing information architecture involves facilitating the people and organizations we work with to consider their structures and language thoughtfully.

Information Architecture is a key component of your website

Information architecture (IA) focuses on organizing, structuring, and labeling content in an effective and sustainable way. The goal of IA is to help users find information and complete tasks. To do this, we users need to understand how the pieces fit together to create the larger picture, how items relate to each other within the system.

As many students (and teachers) begin a new term this month, we thought it would be helpful to review some of these fundamental tenants. It is always a good idea to focus on the basics and make certain we have a solid foundation.

(more…)

Back to School – Semantic Markup Review

Back to School – Semantic Markup Review

What is Semantic Markup mean?

Semantics is the study of language meaning – the words used to communicate. Semantic markup should be used in web pages we create and modify.

In our technology world we use semantic language. Semantic HTML is the use of HTML markup to reinforce the meaning of the information in webpages and web applications rather than merely to define its presentation or look. Semantic HTML is processed by traditional web browsers as well as by many other user agents.

For HTML it is the tags we use to mark a document up. Markup is how a web document is created, or the way you write a document using the language available to you. For most web documents this is still HTML, so it is how you write the content you want to display using HTML.

Words and semantic markup matter

(more…)

All You Need to Know about Metatags

All You Need to Know about Metatags

This guest post was created by Helen Miller (Marketing Manager at Template Monster). Many thanks to Helen for making this available to our readers.

Not all the content of an HTML page is visible to end users. Metadata that reside in the webpage’s header is visible to search engine crawlers (and others who view the source code). Nevertheless, it’s still important for you as a part of the on-page SEO (Search Engine Optimization). In this article I give a brief characteristic of the most frequently used metatags and determine their role in on-page SEO in 2017.

All You Need to Know about Metatags

What is Metatag?

Metatag is an HTML tag that is situated in the webpage’s header and provides crawlers with the information about the information, presented on the page. Metadata is meant to specify post description, author, date of publication and other relevant information that’s useful for crawlers.

Notwithstanding the fact that all modern browsers, such as Google Chrome, Mozilla Firefox, Opera and IE, support metatags, not all the metatags are actually attended to by the search engines. The reason for this is that Internet space has evolved over time, and some metatags that were abused by spammers in the past, are now ignored by crawlers, and do not affect your page’s ranking.

What are Most Used Keywords and How to Optimize for Them?

In this article, we’ll speak about the three most important metatags, such as Title, Description and Keywords metatags. Let’s look into them one by one and determine their optimal length, examine their examples and go for tips on how to optimize for them to maximally boost your on-page SEO.

Make Your Statement: Title Tag

Title tag is not metadata per se, although it’s specified in the website’s header. Title tag is visible not only to crawlers, but to website users as well, which makes it double important. First of all, people searching for a certain keyword see what’s specified in your title tag on the SERP (Search Engine Results Page). For this reason, your title used in the title tag is also referred to as a SEO title. Secondly, SEO title appears in your browser window’s header on the tab that stands for opened page. Lastly, it gets displayed in social networks when your post gets shared.

SEO title is very important in decision-making process of potential website guests. It’s the boldest text displayed in your SERP entry. Moreover, crawlers do attend to it and will display your website’s page based on the keywords that your SEO title contains. The closer the keyword to the beginning of the title, the more likely it’s to be displayed.

How Does It Look from Inside?

Title tag is added to the head part of an HTML page and typically looks like shown in the following example:

HTML Source Code with focus on title tag

CMS engines tend to make your life simpler (which is not always desired) and form the SEO title automatically based on the provided page title. This is often not what you desire. To get the desired, optimized SEO title, you’ll have to resort to one of the useful (in many ways) SEO plugins, e.g. Yoast SEO plugin for WordPress.

With this plugin you get an opportunity to point a SEO title that’s optimized for certain keywords and boost your on page SEO by this.

Example of Yoast plugin snippet

How to Optimize Your Title Tag?

The main tips that concern your title tag optimization are the following:

  • Length: the optimal length of a title tag is 50 – 60 characters (including spaces). Do not exceed this limit as your title will be cut off by search engines. Do not be too concise: use your chance to use your limit of 50 – 60 characters to the fullest.
  • Placement of a keyword: your focus keyword should be shifted to the beginning of the title; then come the least important words.
  • Use unique title tag: your title tag should be unique for every page on your website. Do not duplicate your title tags for max SEO impact.
  • Mind relevance: watch out you title tag’s relevance. If Google or other search engine would deem your title tag irrelevant, they’ll replace it with an automatically generated one that would hardly be as good as your coined one.
  • Avoid keyword stuffing: if your repeat your keyword over and over or stuff your title with multiple keywords, search engines would penalize you for such a practice, so avoid it.
  • Make your article title different from SEO title: this is your extra chance to rank for different keywords with one post.

Let’s now review an example of how these tips can be used in practice:

In our case the focus keyword is ‘best burgers in London’. The SEO title of an article was optimized in the following way:

Title tag example presenting best burgers in London

This is a very well-optimized title as it starts with the focal keyword that is then followed by a very appealing headline that uses ‘buns’ instead of ‘burgers’ to avoid repetition. The SEO title fits into the maximum length of the title tag, so the title is not cut off on the SERP.

To learn more about how to optimize meta tags in WordPress themes, check out the following video-tutorial by TemplateMonster, one of the leading template providers on the market:

What Your Article Is About: Description Metatag

Description metatag is used to provide a brief description of your page’s/post’s content to crawlers, so that they know what your page/post is about. A well-written description is often displayed by search engines on the SERP, so users may read it and make a decision whether to open your website based on it. If a search engine finds your meta-description not good enough, it will replace it with text snippets from your article on the SERP.

Description metatag highlighted

Google has recently stated that it does not rank pages for keywords used in the meta-description. However, it’s still important for your on page SEO as it does tell the search engines what your content is about (and helps them make a decision whether to crawl the page further), and, if displayed, influences user’s decision making process on SERP, thus, influencing your click-through rates.

How Does It Look in HTML?

Description metatag has the following look in HTML:

Description metatag in HTML

How to Optimize Description Metatag?

Follow the tips below to get a concise and informative meta-description:

  • Length: limit your meta description to no more than 155 characters. Search engines can display only a limited number of words on the SERP. If your meta-description is longer than this, it will be cut off in the middle of what you have to say. I bet this is not a desired result.
  • Include a CTA: if you want your description to work better for you on the SERP, add a short CTA (Call To Action) to it. ‘Read more’ or ‘Find out more’ would suffice.
  • Use a unique description: go for a description that has not been already used, otherwise you may run into serious duplicate content issues and your content will be ignored by search engines.
  • Include keywords anyway: although Google doesn’t rank for keywords in meta-description, they are highlighted in bold on the SERP. This means that users will pay more attention to your SERP entry if you include a keyword to your article. See an example below:

Call to action highlighted in metatag

They Are Still There: Keywords Metatag

I may say that currently Keywords metatag is passé and is completely ignored by search engines (except for Bing that looks on them just with the purpose of penalizing spammy websites). How did this happen?

As keywords are the core of search on the net, Keywords metatag became an easy abuse target. In the past, website owners, eager to boost their SEO rank and traffic, ‘stuffed’ absolutely unrelated (but popular on the net) keywords for their article. For instance, they inserted ‘Rihanna’ as a keyword to a page about spare parts and fooled search engines by this.

At present, search engines got wiser, and completely abandoned Keywords metatag to avoid all sorts of ‘keyword stuffing’.

How Does This Metatag Look in HTML?

Keywords metatag has the following appearance in an HTML document:

View of HTML with keywords in metatag

How to Optimize for Keywords Metatag?

There is no need to care for this metatag any more. Some SEO experts say it’s totally OK to leave it out completely, others advice to still go for a couple of keywords, ‘just in case’. It’s up to you whether to provide keywords in this metatag or not, but don’t ponder over this question too long.

Conclusions

To boost your on page SEO, its important to pay careful attention to such page head elements as title tag and meta-description. Make sure you use your focal keyword in these elements and keep close to the max length limit for the elements, but do not exceed it. Regarding Keywords metatag, it’s kind of passé, so the need for its even minimal optimization is dubious.

If you want to learn more about SEO optiomization of a website, get hold of the following insightful free e-book:

 Free ebook

 

Are there any topic-related questions that I’ve missed? Let me know in the comment section below and I’ll be happy to get back with you.

Happy optimizing!

Thanks again to Helen Miller (Template Monster) for providing this post.