Tag: SEO

Why You Should Use a CMS for Building and Managing Your Responsive Mobile Website

Posted by on March 08, 2018


Imagine this scenario: one of your long-term customers pulls out his smartphone and types in your company’s website address. He wants to double-check the hours of operation as well as confirm service offerings. While this process should be simple — and he is expecting that it will be — it isn’t. The website is there, but the website’s graphics and written content (which work just fine on a PC), are jumbled together while viewed on a smartphone. The website also struggles to load completely. The customer is put-off (or maybe even annoyed), and your company’s image is on the line. The customer has to call in to confirm your business hours and services, which eats up valuable time for both customer service and the customer.

If the website had been responsive, though, it would have taken the customer a handful of seconds to look up the information, and the customer service agent would be free to move onto the next caller. If every other customer is calling because he or she wasn’t able to locate valuable company information on a smartphone or tablet, it could end up costing your company a lot of time and money in the long run.

But one thing could change all of that: a responsive (mobile-friendly) website designed with a CMS. Responsive websites are an easier and more cost effective alternative for businesses, small and large alike. It saves time and money because there will be fewer customer service calls and less time spent creating new web pages and tweaking native mobile apps. If you have an online inventory, it will also help streamline upload times and inventory management.

CMS Platforms Simplify the Responsive Design Process

A responsive website is designed to adapt to differing screen sizes and mobile platforms. This means it can recognize the screen size and mobile device your customer is using and respond to it, showing them different content based on what their device can handle. There are two ways you can build a responsive mobile website: by having a website developer custom-design it for you, or by using a CMS (Content Management System), which would do most of the legwork for you.

Modern CMS platforms allow you (or a website administrator) to not only design and build a responsive website, but to quickly and efficiently manage it. While it might take a website designer two or three hours to make a new webpage for your website — depending on how involved the webpage is, of course — it could take that same designer under one-quarter of the time to make it while using a CMS.

CMS’s have a GUI (Graphic User Interface), which facilitates quick and easy upload and creation of written content, graphics and photos, forms, blog posts, design elements, and more. While most of the time spent hand-coding goes into formatting (i.e. figuring out how and where to put certain elements and how to make them look presentable), a CMS allows the designer to format an element in mere minutes. CMS platforms pre-load most formatting and design elements, allowing the designer to simply click a few formatting buttons or options and upload as many images as needed. Those elements are automatically formatted to “fit into” the smartphone, tablet, laptop, or other device your customer is viewing it on. Designing and managing a mobile website has never been easier.

Using a CMS for Native Mobile Apps

A CMS can also be used for native mobile apps. Native mobile apps that are created and managed with a CMS offer the most reliable, mobile-friendly experience out there. Having the ability to change the functionality, design or content of a native mobile app can be done with ease through the CMS. Native apps designed with a CMS also make editing or tying in gestures, the camera, microphone, and other mobile-based functionalities more streamlined.

CMS Platforms Can Raise SEO Rankings, Too

If you can imagine that CMS’s simplify the management of a responsive website, you might also imagine that it makes Search Engine Optimization (SEO) easier and more impactful. It’s true: a CMS can not only simplify your SEO strategy, but it can actually raise your rankings. There are a lot of variables when it comes to SEO — page load time, user experience, keyword usage, how many “quality” webpages you have on your website — but you can boost your website ranking just by using a responsive CMS platform.

According to Google, a responsive website performs better in search rankings because it provides a better overall experience than a website that isn’t mobile friendly. And because a CMS has a better chance of providing a tried-and-true user experience that is (typically) free of coding errors, the user experience will stay the same across all new webpages, and your rankings will go up as a result. Using a CMS for a responsive mobile website makes SEO not only more foolproof, but it can allow your web designer to quickly optimize each and every element of every webpage on your site. Optimizing your company’s website for search rankings should be at the top of your mobile marketing strategy, and using an open-source CMS can help you get there quickly and more effectively.

Choosing the “Right” Open Source CMS

Now that you’ve decided that a CMS is the way to go, how do you choose the right one? Taking the time to research which CMS is best for your company’s needs is critical, but doing some research on which CMS is best for efficiency and a good mobile strategy is also important.

Rivet Logic offers industry-leading design and consulting experience in several CMS platforms, two of which are Liferay and Crafter CMS. Reach out to us for responsive website design insight, troubleshooting, consulting, and more. We can help you turn your company’s website into a mobile superstar.

Implementing an SEO Strategy for Your Liferay Websites

Posted by on November 10, 2014

The internet has revolutionized the way companies market their products and services today, and one of the biggest changes is how businesses are leveraging their websites to market their online presence. In a competitive digital world, the key to success is reaching potential customers and driving them to your website.

In a webinar earlier this year, we discussed how Search Engine Optimization (SEO) has become a top priority in today’s growing world of technology reliance on web-based platforms, and how Liferay’s newest features can be used to implement SEO-friendly dynamic pages, illustrated by a real world customer example.

What is SEO?

For those who aren’t familiar with Search Engine Optimization (SEO), it’s the process of affecting the visibility of a website or web page in a search engine’s “natural” or un-paid “organic” search results. Unlike paid search results, like Google Adwords, where you’re essentially paying for your URL’s to display in a favorable position, SEO involves the natural algorithms that sort the results.

Organizations are always trying various SEO techniques to increase high value traffic to their sites from search engines such as Google, Yahoo, and Bing. Common SEO methods include getting indexed, controlling the crawl, and increasing prominence. It’s important that your page is highly relevant to the keywords that users would use in their search for that page.

SEO Strategy Considerations

When determining an SEO strategy, there are several important factors to consider:

Controlling Meta Information

First and foremost, it’s important to ensure that all of the properties being used to describe your page are relevant and descriptive of the page’s content. HTML pages contain metadata – title, meta tags, keywords, etc. – and search engines look at this metadata through sophisticated algorithms to determine its value, which is then used to score the page.

Liferay allows users to control the metadata for each page, along with the ability for localization. For example, the US page can have metadata in English and a Chinese page could have the metadata in Mandarin in order to maximize the score.

Site Map Protocol

Another feature that search engines provide is the ability to show searching users a site map of the website directly in the search result page to help them find what they’re looking for faster. For example, if you searched AT&T in Google, you will see search results for AT&T along with the site map, as shown in the image below. Liferay has an out-of-the-box capability of pushing your sitemap out to Google and Yahoo using the Site Map Protocol.

Friendly URLs

A good SEO strategy also involves the use of friendly URLs. Your URL patterns need to be descriptive of the content. Out-of-the-box, Liferay URLs in many cases aren’t good enough as they contain a lot of URL parameters. However, Liferay allows for the creation of custom friendly URLs through the Friendly URL Mapper to solve the problem.

SEO Friendly Sliders/Carousels

Lastly, many organizations struggle with the issue of SEO friendly sliders and carousels. In a nutshell, a page rendering carousels should only have the content of the relevant slide instead of all the slides. When users perform a search, the search engine crawls through each slide and indexes it as part of the same page. The challenge is tricking the search engine into viewing each slide as a separate page, while maintaining the animation.

For example, if a user searches for something that lies in slide 3 of a carousel, and the search results take them to slide 1 where the information isn’t relevant to what they were looking for, it can cause confusion and frustration. It’s easy to see why this is something companies want to avoid as it can result in a poor user experience that could deter the user from visiting the site again.

The solution lies in the URL. By creating unique URLs for each slide of the carousel, search engines can treat and index them as separate pages, making them SEO friendly.

To maintain the proper carousel transitions between slides, the slides are linked so that a simple AJAX call back to the server allows users to view all the carousel slides. In addition, all of the carousel slides are managed in one Liferay Web content article. This way, only one slide in the carousel is rendered during rendering, preventing any false positives when search engines are indexing the page. With this solution, you can still have carousels without sacrificing the SEO friendliness of a site.

Real World Customer Example – Sensus

Sensus is a global enterprise in utility infrastructure systems and resource conservation. For its global website, products are organized in a way as illustrated in the diagram below – where sensus.com contained multiple country sites, each with multiple divisions, and those with their own product lines, each with multiple products.

However, in reality, the associations between these entities were not as cleanly hierarchical as the diagram implies. In fact, all the entities could be associated with one another, as shown in the following diagram.

This presented the biggest challenge as it meant that a truly hierarchical representation for the content behind Divisions, Product Lines, Products and Solutions could not be created. And from an SEO perspective, all this content still needed to be searchable, and needed to be in a hierarchy that search engines understood.

Templates and Page Types Are the Answer

To solve this problem, we leveraged templates, which helped content managers organize their content in a way where it’s reusable, without losing the site map and structure of the content.

Liferay’s built-in rich WCM capability allowed us to divide a page into building blocks. For example, a product line page would be divided into the following sections – overview, products, and associated solutions.

We also created page types, where a single Liferay page can display as many articles as necessary for a particular page type. For Sensus, we had page types for Division, Product Line, and Product.

What about SEO?

When addressing SEO, the answer was in the method of content delivery. We needed to make sure that content authoring and delivery were decoupled to maintain SEO friendliness of each country’s site.

We achieved this through a process where content authors didn’t touch the Liferay pages. Instead, all they had to do was create Web forms and tag each article using Liferay categories, in turn capturing the hierarchy. That way, the article can surface in various places throughout the site based on how it’s categorized, allowing content authors to maintain a single source of truth for the content and also the hierarchy in the information architecture on the delivery side. Now when search engines scan through the pages and come up with a searchable index, the structure makes sense and there’s no loss of content organization.

As a result of this solution that enables the creation of a global website with shared content, we also encountered some SEO challenges that were specific to Liferay – HTML Titles and Breadcrumbs. As discussed earlier, search engines expect a page’s HTML title to be relevant to what’s on the page. However, since we’re using page types, where each page is displaying multiple products, we couldn’t have the same title for each product page, and Liferay out-of-the-box controls the page title based on the page type. Similarly, Liferay’s Breadcrumb capability had to show hierarchy of the content.

Both of these challenges were solved through a plug-in that enabled us to intercept the HTML Title and Breadcrumb generation code and replace it with dynamic logic so that it made sense for search engines.

In summary, SEO is something that’s becoming increasingly important for all public facing sites to focus on. A key SEO success factor lies in the strategy that must be defined early on in the planning phases of a project to ensure maximum SEO friendliness, and Liferay as a CMS provides a great tool for SEO that can satisfy almost all requirements.