EXWE Blog
News about Webentwicklung from the EXWE Blog
Subscribe to articles about digitalization, software development and e-commerce
  Show all news (72)

Web development and website management - A complete overview

Wondering how to build a website so your visitors stay and convert to buyers? Then you've come to the right place. We've provided you with an overview of all the Website Components that help you build and analyze your website properly. If you need any further help with web development or building your website - feel free to contact us!

Reading time 9 min

 

Below you can also download our poster:

Poster Website Overview

An overview of the different website elements

A website is made up of many different disciplines that all work together to keep website visitors on the site and interacting with the site. Therefore, when creating, maintaining and analyzing a website, the following topics need to be considered:

  1. Website structure and layout
    1. How do you build a website?
    2. What is UX Design?
    3. What is UI Design?
  2. Search Engine Optimization
    1. What do I need for SEO?
    2. Factors for OnPage Optimization
    3. Factors for OffPage Optimization
    4. SEO Tools
  3. Website Content
    1. Create target group specific content
    2. Content Management Systems (CMS)
      1. Hosting
      2. Types
      3. Models
      4. Tools
  4. Legal Website Requirements and IT Security
  5. Website Speed
    1. How to optimize your performance
    2. Performance Tools
  6. Website Tracking
    1. Measuring your website performance
    2. Tracking Tools

Website structure and layout

As the first element of our overview, we'll give you tips on how to give your website structure. This is very important to give your users the best experience.

How do you build a website?

The basic structure of a website consists of a header, a body and a footer. Also, elements like information about the company, product categories and contact options are mandatory parts of any website.

To keep the user on the page, it is imperative to follow a common thread. You can ensure this by keeping the wording and structure of each subpage consistent. In order for the user to navigate the website easily, it is important to provide a clear navigation through which the user can reach important content in a maximum of two clicks and further content in a maximum of four clicks.

The intention of every website is to encourage the user to take action, i.e. to make a conversion. A conversion can be, for example, a purchase, a subscription to a newsletter or the submission of an application. In order to be easier to find for the user, the structure should meet the usual SEO requirements. But more about this in the SEO section.

What is UX design?

The UX (user experience) design ensures an ideal customer journey on the website. For this purpose, target groups are analyzed and user problems are worked out, which need to be understood and solved.

In general, it is important to follow the "mobile first" approach, as mobile usage is constantly increasing in the course of digitalization. Another element that contributes to a positive customer journey are breadcrumbs. This navigation bar shows the user which path they have followed on the website and therefore provides orientation. In general, it is important to guide the user through the website funnel with as few distractions as possible (unnecessary links and text).

Important elements to generate leads (i.e. relevant users who take an action) and conversions are forms, newsletter sign-ups, chat(bots) and download links. For online shops, the shopping cart should also be optimized by offering different payment methods, for example.

We recommend that you work out the planned optimizations as a screen design in the first step and refine them with the help of in-depth interviews, eye-tracking and broad surveys. In the second step, the optimizations can then be tested on the website in the form of A/B tests, for example, to guarantee the optimal user experience.

What is UI Design?

UI (User Interaction) Design follows on from UX Design and focuses on the visual implementation of the user experience. In this field, all elements with which the user interacts in the application or website are analyzed and optimized. Examples include icons, buttons, spacing, images, text, or even boxed design.

UI design should also be tested in the different phases of development in order to stay as close as possible to the needs of the user.

Search Engine Optimization (SEO)

In order to increase the visibility of the website in search queries via Google, for example, we recommend optimizing your own site in this regard. This field is called SEO (Search Engine Optimization) and pursues the long-term increase of the search engine ranking.
SEO can be divided into three sub-areas: Internal preparations, OnPage optimizations and Offpage optimizations.

What do I need for SEO?

In the first step you should determine which topics your website covers or should cover. After that, the keyword research can begin using tools such as Sistrix, Google Ads or Xovi. Pay attention to the differentiation between informal, transactional and navigational keywords during the research. In addition, you should think about the page structure of your website and determine which topics should be covered on which page. After the keyword research is done, the next step is to create the appropriate content.

Factors for OnPage optimization

All SEO optimizations that can be done directly on the website are called OnPage factors. These factors help the Google crawler to understand what your website is about in terms of content and to be able to assess whether it is relevant to the searcher.

To ensure this, the website content needs to be tagged to this effect. For example, headlines should be structured according to H1 to H6, image descriptions should be populated with keywords and uploaded in the appropriate image size. The URLs should also be optimized. Here it is important to keep them as short and meaningful as possible. In addition, there is the possibility to fill the title, meta and header tags with relevant keywords. This is information about your website that is displayed in the search engine listing.

Graphic Search Engine OnPage Optimization

 

Search engines like google also rate the relevance to the user based on the usability of the website. To encourage the user to continue clicking through the site, it should be well linked internally. External links to partners, customers or YouTube content should also be integrated on the website.

 

 

In general, the website should contain many interaction elements, because these index an interested user. Besides these elements, the website loading time is also evaluated by e.g. Google.

Make sure that you integrate relevant keywords into your website content and update it regularly. Nevertheless, you should be careful not to use too many keywords, as Google categorizes this as keyword stuffing and therefore evaluates it negatively.

 

Factors for Offpage Optimization

In addition to the optimizations on the website itself, there are also external factors that contribute to a good ranking. These include, on the one hand, so-called backlinks. These are links from relevant external sites (such as blogs or news sites) that link to your own website. The search engine algorithm evaluates a high number of backlinks positively, as this means that the page is relevant for users. Nevertheless, backlinks must be checked regularly for their functionality with tools such as Searchmetrics, since broken links are again evaluated negatively.

In order to generate backlinks, guest articles can also be published on topic-relevant blogs or postings in discussion forums. Also, posting business information in local listings such as Google my Business, Bingplaces or Go Yellow help to gain website authority and thus rise in search engine rankings.

SEO Tools

Below we have listed the most popular SEO tools:

  • Advanced Web Ranking
  • Ahrefs
  • Answearthepublic.com
  • Cognitive SEO
  • DataStudio
  • Google Search Console
  • Google Trends
  • Google Analytics
  • Linkminder
  • Majestic
  • Mangools
  • Moz
  • PageRangers
  • Pagespeed: Google Page Speed Insights
  • Ryte
  • Screaming Frog SEO Spider
  • Searchmetrics
  • Semrush
  • Seobility
  • SERPwatcher
  • Sistrix
  • Termlabs.io
  • Ubersuggest
  • Xovi
  • Yoast

Website Content

Another important factor for an ideal website is creating relevant content.

Create target group specific content

In addition to relevant keywords for SEO, we recommend that you tailor the website content to your different target audiences. For this purpose, customer personas and the respective customer journeys can be elaborated through research, which serve as a basis for content creation. In general, it is important to use a good mix of photos, texts, graphics and videos. Which content and which content formats should be used at which stage of the sales funnel depends on the particular customer persona. Also remember to keep the tone of the content consistent throughout. In addition, you can increase your authenticity with users by personalizing photo and video content and avoiding stock photos as much as possible. Finally, you should consider offering your website content in different languages to appeal to international audiences.

Content Management Systems (CMS)

In order to be able to update the created content without much help from agencies or IT service providers, we recommend that you connect a content management system (CMS) to the front end. Content management systems are used in web content management, blogging or news portals as well as social publishing and community management. Depending on the needs of your company, you have the choice between different hostings, CMS types and models and accordingly different tools.

CMS Hosting

  • SAAS (web-based Software as a Service)
  • On-Premises (own responsibility for hosting, maintenance & updates)

CMS Types

  • Headless CMS (flexibility & freedom in choice of technology and services)
  • Traditional CMS

CMS Models

  • Open Source (open source code)
  • Proprietary (closed source code)

CMS Tools

Here we have listed the most popular CMS systems:

  • Wordpress
  • Joomla!
  • Contao
  • Typo 3
  • Drupal

Legal website requirements and IT security

Since 2018, the updated data protection regulation DSGVO applies, which also has an impact on your website. Thus, the legislator requires to integrate a privacy policy as well as an imprint on the website. In addition, every website operator is obliged to integrate cookie banners. These must pop up at the beginning of the website visit and offer the user the opportunity to decide on the use of their own data.

In addition to the legal aspects on the website, there are also regulations that should be observed in the background. For example, data deletion processes must be developed and implemented. It is also important to document the storage and processing of personal data, as every user has a right of access.

IT security also plays an important role in protecting your website and data from possible hacker attacks. Therefore, you should deposit an SSL certificate to enable an HTTPS connection. In addition to encryption, we also recommend that you use up-to-date software and hardware, as these meet the latest security standards.

Website speed

To ensure that users stay on the website, a fast loading time is of great importance. Here we recommend the following points to increase the speed of your website.

How to optimize your performance

To ensure that users stay on the website, a fast loading time is of great importance. Here we recommend you to consider the following points:

First, we recommend that you switch your web server to HTTP/2 protocol. This is a simple and very effective way to optimize the load time of your website. Just as with UX design, it is also important to consider the "mobile-first" idea in the area of website performance. The background to this is the strong increase in website access via mobile devices.

It is also important to have the individual website elements load in the right order. Thus, all elements in the "above the fold" (content visible at first glance, without having to scroll) should be loaded first. Scripts, on the other hand, should be merged and loaded at the end.

 

However, it's not just the "Above the Fold" elements themselves that are important, but also the optimization of the FCP (First Contentful Paint). This is defined as the time between the URLs being loaded for the first time and the time until the "Above the Fold" elements are rendered.

Generally, we also recommend you to pay attention to the size of e.g. images, texts and scripts to guarantee a fast loading time. It is also possible to outsource website data to a CDN (Content Delivery Network). In this case, content is stored on external servers, thus shortening your own website loading time. Video content can also be integrated on social media platforms such as Youtube or Vimeo, for example, and integrated on your own website.

So that recurring elements do not have to be loaded again, we recommend that you also optimally set the caching as a last point.

Performance tools

In the following you will find the most common website performance tools.

  • Google Page Speed Insights
  • GT-Metrix
  • Pingdom.com

Website Tracking

To find out how well a website is performing for users, it's important to measure it regularly (tracking), analyze it, draw conclusions and optimize based on that.

Measure your website performance

To make tracking easier for you, we recommend that you create a dashboard that allows you to analyze how your website is performing at regular intervals at a glance.


We have listed the most important website metrics below:

Website Speed

The loading time of the website should be tracked regularly and if necessary measures should be taken to optimize it.

User

To keep an eye on your site's traffic, you should regularly track the flow of visitors to your website. Ideally, this number should increase steadily through relevant website promotion measures, as more traffic means more leads and conversions at best.

Dwell time

Another metric that should be tracked is the average amount of time (Time Spent on Website) a user spends on the entire website or on the respective subpages. This metric can be an indication of how interesting the website is for the user. A very short dwell time indicates that the content is either not relevant or unattractive. An above-average dwell time, on the other hand, may indicate that the user is struggling to find their way around.

Pageviews and single pageviews

The total number of pages viewed is also referred to as pageviews. Multiple page views are also counted here. With single pageviews, on the other hand, each page viewed is only counted once.

Conversion and conversion rate

Conversion refers to desired actions that a user performs on the website. Micro conversions are small actions that the user performs and indicate a conversion. An example of this would be a user moving from a category page to a product page. The conversion would then take place if this user went on to buy the corresponding product.

The conversion rate calculates the number of users in relation to the conversions made (e.g. purchases). We recommend you map the different (micro) conversions along your website funnel to determine at which point most users bounce.

This could look like this:

Graphic The Conversion Rate

 

In our example, you can see how the conversion rate behaves in the respective sales funnel phases. For the calculation, the pageviews of the lower funnel phase were divided by the pageviews of the upper funnel phase and multiplied by 100. This way you can see how many % of the users have converted from one funnel phase to the next.

In this way, it is possible to compare different product categories and make specific optimizations accordingly.

Bounce Rate

In order to find out how qualitatively valuable a website is for the user, the bounce rate is considered. Strictly speaking, this is the number of users who enter an entry page and then leave it again after a few seconds. A low value therefore speaks for a high quality website.

Filter

If you have integrated a filter function on your website, it also helps to monitor the use of the filters regularly. This will give you an overview of which categories / areas show high interest or if the filters are used at all.

Device Usage

To find out which devices (mobile, tablet, desktop) the user is using to access your website, you can analyze the device usage. This helps you to set priorities in web design. In general, it can be observed that the use of mobile devices is constantly growing. However, it is interesting to analyze which device is actually converting. As an IT agency, we often observe a break where users inform themselves about a mobile device, but then make the purchase/conversion on the desktop.

Sources

In order to find out which website promotion measures have led to micro conversions and final conversions (sales, downloads), the so-called sources can be analysed. This information can then be used to adjust website promotion measures. However, we recommend not to underestimate the influence of campaigns on platforms that do not lead to direct conversions. Awarness campaigns on social media in particular help to increase general traffic. For example, the target group may come directly to the website at a later time. These influences can generally not be tracked 100%.

Error Rate

The Error Rate is the average number of issues recorded on your website compared to the total number of issue reports. This rate should be monitored regularly in order to detect and fix problems early.

Tracking Tools

The following are the most commonly used tracking tools:

  • Adobe Analytics
  • Google Analytics
  • Google Search Console
  • Hotjar
  • Matomo

Download the free Website Overview poster now!

Poster Website Overview

 

Do you have more questions about websites and web development or do you need help with your online shop? Then feel free to contact us! As a software agency we have years of experience in web development, software development and e-commerce. We are happy to support you and your company - We are looking forward to you!

Meike
Meike
from 16.12.21 um 13:43

Hello, my name is Meike. I take care of the EXWE back office and am responsible for our social media channels. All of our articles are meant to make your life easier and help you make decisions. Nevertheless, it can happen that something remains unclear, so: If you have questions about this article you can easily reach me at +49 231 93149827.

We also have the following interesting posts from our tech blog for you on this topic
Web Development: Four steps to a functional web app

You want to program a web app for your company, but don't know how to get started? We'll tell you four steps that will lead to success.

Reach your users with web apps and push notifications

Push notifications in the form of web apps help you get closer to your business goals. Find out why you shouldn't do without them here.

Web development: Does it always have to be Scrum?

Project planning in agile software development - Must Scrum always be used in web development? We make the comparison and show alternative models.




Schreibe EXWE auf WhatsApp