The difference between JPG, GIF, PNG and SVG

What is the difference between JPG, GIF, PNG and SVG? They are all image files and all four can be used on your website, but they are not all the same. Some are better for certain types of images while some can do things that others cannot. Today we will discuss the difference and when to use each one.

What is a JPG?

JPG or JPEG, they are different names for the same thing, Joint Photographic Experts Group. As the name suggests, this image type is great for photograph-like images.

Photograph and artwork tend to be heavy on your website. Large file size and slow to load.  What makes JPG so useful for them is that it can compress into a smaller file size without degrading the image quality to a degree that we can notice. You can use an online tool like TinyJPG to do just that in a very quick and easy way.

There are two traits about JPG that do work against it. The first is that it will not support a transparent background. If you try to make a JPG without a background, it will automatically give it a white background. The next is that JPGs degrade if they get saved over and over again. It’s like making a copy of a photocopy.

Best uses for JPG: Photographs and artwork.

What is a GIF?

It doesn’t matter how you pronounce it, GIF stands for Graphics Interchange Format. This file format is a favourite for debate online but its real use is for animation. It says it in the name, Graphics Interchange. As in images that swap out with each other to create an animation.

These images are large and take up a lot more space than the other types of images. So using these can really slow your website down. Their colour palette is also limited to 256 colours, so you can’t get the best quality from them.

Best uses for GIF: Simple animations with a very limited number per page.

What is a PNG?

PNG or Portable Network Graphic are also sometimes called raster graphics or images. PNG and JPG both share a similar issue in that when you enlarge them or zoom in too far, they will start to get pixelated. So, when making a PNG, it’s important to know the correct size that it needs to be on the web page.

PNG is the ideal image type for website graphics as they can keep their image quality incredibly well and the best part is that it supports transparent backgrounds. To avoid your PNGs from slowing your website down, you can also compress the file in a similar way to a JPG. We recommend the sister site to the one we suggested before, TinyPNG.

Best uses for PNG: Transparent images, icons and graphics.

What is an SVG?

This file acronym stands for Scalable Vector Graphic but it also sometimes gets called a vector graphic for short. Unlike all the previous image files, SVG uses vectors and not pixels which allows it to give sharper images than any of the above. Here’s how:

SVG files work in a completely different way. It is actually code that gets translated into an image. This code contains mathematical equations that define the shapes, colours, and size of an image. So, they retain their quality no matter how big or small the image becomes.

So why aren’t all your website images SVGs? This file type cannot simply be uploaded to websites that use a CMS like WordPress and there is a large learning curve to generating and installing them properly. They also can’t be used for photographs.

Best uses for SVG: Logos, icons and animations.

Choose the correct JPG, GIF, PNG or SVG with Web2Web.

The images on your website are important to its success, especially when applying the best UX practices. A good image can capture the attention of a client and draw their attention to their next step. However, that all counts for nothing if those same images are slowing your website down. Clients won’t stick around for your page to load if it is slow.

This is why choosing the right image type and compressing them can be vital to your online business. With the Web2Web team, you can get the best for your website in the industry from design to development. Contact us today to find out how we can make your website perform its best.

A look at Web2Web 2020

As the year 2020 comes to a close, we at Web2Web have been as busy as Santa’s elves. With old projects finishing and new ones going into planning. We look forward to what the new year has to offer. But that doesn’t mean we have forgotten about what we have done.

As tough of a year it has been on everyone through the world, we are grateful for every little positive thing that we had in 2020. That includes you, our readers, our clients and the growing Web2Web team. Today we are taking a look at everything that we have done.

This was not the year of talking, wishing or wanting. It was the year of getting things done.

Fungayi Makoni

We welcomed four new members to Web2Web in 2020.

Despite the troubles this year has put us through, Web2Web has still managed to grow. In January we welcomed two members, Rasool Riffel (Junior Developer) and Stuart Smith (Junior Digital Communications Coordinator) into our 2020 Web2Web team. It has almost been an entire year that they have been with us now, it feels like it’s been forever.

In July we welcomed George Manyara, the latest member to our development team. Two months later, Dominique Trout became part of our team as the executive assistant. Both have improved the workflow and made our office even livelier.

We changed the negative around to positive.

When asked what was their favourite project of the year, every one of the Web2Web team had a different answer. This just goes to show how great they all were. Here are Geroge’s and Fungayi’s favourites:

Thabela. It’s a challenging project and a great opportunity to learn and develop our skill level. I personally love custom development. – George Manyara

Hire Intelligence. Because it was a big project where we rebuilt four websites for the Hire Intelligence company which differs only by country. We did a great job in migrating existing data and coding the web design exactly as provided by the client. – Fungayi Makoni

Make every moment count!

Amalia Aracena

But it wasn’t always smooth sailing. This year has had loads of obstacles that the whole world had to overcome and we can confidently say that we overcame it all. It did take a lot of work, but we learned a lot. Here are a few things that we got out of 2020:

Learnt the power of collective thinking and how important it is for the team to work together and collaborate across each portfolio. – Stefano Aracena

How to handle big websites and how to code better and more efficient. – Rasool Riffel

New CAD programmes and to focus on what I am doing instead of jumping around at every request. – Stuart Smith

We are thankful for it all.

We asked the whole team that they are thankful for this year and it sincerely warmed our hearts. This year has put us through a lot but we had each other’s backs through the thick and thin. Here is some of what we are all thankful for:

That we are all healthy to date and together working at the office in good spirit especially after the lockdown period which was a challenging time for some. – Amalia Aracena

Everyone has been cautious of the Covid-19 and taking measures to keep each other safe from contracting it. Cheers to Stuart the temperature guy. – Fungayi Makoni

I’m thankful that I still have a job, great employers and an awesome team to spend most my days building my career with. – George Manyara

But most of all, we are thankful for Stefano and Amalia Aracena. The work you two have put in to keep Web2Web both safe and active this year has been incredible. Not only did we make it through 2020 in one piece but, as we have seen, we came out even stronger than before. That was no easy task.

From everyone at Web2Web, we hope you have an amazing holiday and an even better New Year.

As we go into the holiday, we wish every single one of you a merry Christmas and a happy New Year!

The Old Year has gone. Let the dead past bury its own dead. The New Year has taken possession of the clock of time. All hail the duties and possibilities of the coming twelve months! – Edward Payson Powell

Increase traffic with an effective meta description

You can increase the traffic on your website with an effective meta description. If you don’t know what this is or you want your meta descriptions to be more effective, this article has the answers for you.

What is a meta description?

It is am HTML attribute used to describe the content on a web page. It will appear in the search results as a snippet under the title tag to allow the reader more insight. This helps for faster browsing on search engines.

There’s no secret that the meta description is no longer a search engine results page (SERP) ranking factor. Search engines like Google don’t always show the meta description either, especially with long-tail searches. So why use them?

Well, an effective meta description still matters and can drive more traffic to your website. Here is why:

Why effective meta descriptions are still important.

When your meta description shows on the SERP, browser’s will scan over it to help them find what they are looking for. An effective meta description will catch their attention, ultimately driving more organic traffic to your website. That organic traffic is something that Google does notice.

Since it won’t directly affect your search engine optimisation (SEO), you shouldn’t invest loads of time creating one. But it’s still worth putting a minute or two of your time to create an effective one.

Where else is a meta description important?

Your meta description doesn’t only show up in the SERP. It will also show when you or other sources share your web pages on social media. Pay particular attention to pages you expect or plan to share or get shared.

How to write an effective meta description.

We are going to cover out four top tips writing an effective meta description. These include:

  • Follow on from your title tag.
  • Answer the search intent.
  • Write with an active voice.
  • Get to the point.

Follow on from your title tag.

When a person browses the SERP, they will first read the title tag and then scan the meta description. It makes sense to read this way, so you should write this way too. Always think about how the meta description compliments the title tag.

You don’t have to try cram keywords in here that don’t fit. Remember, Google won’t rank you for what is here. Focus on writing a meta description that gets the reader to want to click.

Answer the search intent.

Everyone comes to a search engine with a query if your website is the answer to that, then you want to reader to know. Think about the keywords that would be used to find the web page you are writing for and answer them.

To help you with this, you can do a google search with your keyword and read the meta descriptions from other websites. Look for commonalities between the top results. What they have done is a good indicator of what you should be doing.

Sometimes the results of this can be mixed and in that case, only look at the results that closely match what your web page is about.

Write with an active voice.

Not only does this improve the clarity of your meta description, but this also inspires action from the reader. Active voice addresses the reader directly and tells them what to expect and what to do. A good way to go about this is by starting with a verb.

The active voice is not always the correct way to write. One example of where you don’t want to do this is if your meta description addresses the search query with a definition.

Get to the point.

You don’t have a lot of character to work with when you write an effective meta description. Google only shows about 160 characters on desktop and 120 characters on mobile. After that, Google just uses an ellipsis (…).

It’s not just a character limitation that requires you to get to the point. Readers are only going to scan over what you wrote, text that is too long will get ignored. Do what you can to make your meta description fit the character limit.

Get the best form every part of your website with Web2Web.

Writing, designing, developing and maintaining. There are a lot of moving parts to a website, fortunately, meta descriptions are quick to get a grip on. But if you want every part of your new or existing website to perform its best, then contact Web2Web.

Our team of experienced designers, developers and writers will put your website where it needs to be in the digital world.

7 ways to improve your eCommerce website

There are so many eCommerce websites and the fact is that most do not see high conversion. But you can improve your eCommerce website to stand out from that crowd.

There may only be a few hurdles in your way, but they all require eCommerce optimisation to solve. Most of the time, it’s not immediately obvious to us where an eCommerce site seeds help. Fear not, we have the solution in our 7 ways to improve your eCommerce website.

Before we get into out tips, let’s first start with what we are looking at.

What are my conversions?

As an eCommerce website, sales are the number one priority. This makes it easy for us to think that this alone is a conversion. People completing a transaction is the only thing you are tracking.

While this is a conversion, sales are just one item on the list of conversions your eCommerce website has. Conversions are any completed action made by a visitor that you want them to make. This can include:

Make a list of all the conversions your eCommerce website has or the ones you want to have. We are going to go over how you can optimise them so that your website can perform at its best.

1) Use responsive design.

There is a very good chance that more than 50% of your clients are using a device other than a computer. That means if your website is not responsive to the unique screen size, you are chasing away more than half of your customer away.

If you currently have an eCommerce website, load it on your computer right now and change the size of the browser on your screen. Is the design adapting to the change in size? If not, it needs to be.

Because of the sheer amount of internet traffic comes from mobile devices, it is very common to design for mobile-first. If you are making a new eCommerce website, you should practise this too.

When you are making your website responsive, consider the images, text and call-to-actions (CTA). Make sure that each element is still easy to read and easy to interact with. Also, watch out for how easy a mobile device can load all those elements.

2) Speed up your eCommerce website.

Once again this tip makes its way into another blog. There is no denying it, the speed at which your website loads is very important. Both your bounce rate and search engine optimisation (SEO) rely on your website loading quickly.

Many of your clients don’t have the patience for a website that loads longer than three seconds. Which means that most of your clients will not buy from you if your website loads longer than that. Google will also make it more difficult for potential clients to organically find you.

3) Use your website data to your advantage.

By now you should have some way to get data from your website. Whether it be from your websites platform, Google Analytics or any other tool. If you are not doing this, then you need to start it now.

Without website data, you won’t be able to tell how well your website is performing. This is how we will find problems and strategise solutions. If you are using Google Analytics, we highly recommend you go a step further and set up Google Tag Manager. Especially if you plan for your eCommerce website to grow.

4) Improve your eCommerce website with trust.

Being online makes it easy for anyone to visit your store at any time. It also makes it easy to directly compare your store to your competitors. To be successful, you need to prove that you are more trustworthy than your competitors.

Reviews.

One of the first things we look at when buying something online is the reviews. We want to know if the product solved the problem we have for other people. So, your clients are going to want to see this too.

Trust Badges.

These are signs of trust and quality of your products. Visitors to your store want to see this information as it will assure them that your store is a place they can trust. These badges can include:

  • Secure purchases
  • Ethically sourced
  • Locally produced
  • Awards

Whatever your products and services have achieved, show them off on your website. This will help your clients choose you over your competitors.

5) Improve your eCommerce website by improving your UX.

The goal of your user experience (UX) design is to make purchasing as easy as possible. You want to make every step that a client takes smooth and understandable to increase your chances of making a conversion.

Have clear CTAs.

To improve your eCommerce Website, you need it to let clients know what they need to do to create the conversion. Clear paths on how to accomplish their goals on your website need to be laid out with strong CTAs guiding the client.

Each page on your website should keep CTAs to a minimum. The more different options you give will distract and ultimately lose conversions. This is especially true for your landing page where you should only have one single CTA.

Build up hype.

People want to feel like they are getting a good deal that they can be excited about. So, use emotional language that supports how you want your client to feel about purchasing your product or service.

Making your copy directly relate to these feelings will help increase your conversions. Here’s a great way to look at your writing when it comes to getting your clients to do something by Copywriting with Alex.

@cool.great.thanks

THIS is the true formula. ##copywriting ##marketing ##entrepreneur ##smallbusinessadvice ##learnontiktok ##digitalmarketingtips ##b2b ##inboundmarketing ##pr

? Say So (Instrumental Version) [Originally Performed by Doja Cat] – Elliot Van Coup

6) Don’t forget abandoned carts.

Abandoned carts will happen, but don’t just leave them there. Following up on them can, and should, be done. Set up friendly reminders about the incompleted purchase and get that customer back.

Abandoned carts can also be a sign that your checkout process is cumbersome or does not contain a way for that specific client to pay. That leads us to our last step.

7) Use several payment methods.

Favourite colours, foods and styles. We all have favourites. There is no exception when it comes to payment methods.

There are many different ways to pay. If a client cannot find a way that they are familiar with, they might not complete the purchase. So don’t stop at cards, offer alternatives on your website as well. Remember, the easier it is for your client, the better.

Set up a successful eCommerce website with all the tools you need with Web2Web.

If you need to improve your eCommerce website or start a new one, you need to cover all the steps we have mentioned and more.

For this, you’ll need to get UX and website designers to work together with website developers and copywriters to plan and publish the website. Alternatively, you can it all with Web2Web.

Our team covers every aspect from website design to managing and maintaining it. Put your website in the right hands and talk to us today.

How to hard refresh your browser and clear your cache

While your website is going through development, you may become very familiar with the term “hard refresh your browser and clear your cache.”

Being told to do it and knowing what to do or understanding what you are doing are not the same. Fortunately, it’s all very simple. In this article, we are going to go over why you would need to do this and how you can do it on your computer.

Why would you hard refresh your browser and clear your cache?

While using the internet you may have noticed that when you return to a page that you have visited before, it loads faster. This happens because your browser stored a copy of that website on your computer. It does this to make your browsing experience faster and more enjoyable.

While saving a copy of a website does make your browsing experience faster, it also means that new changes won’t always load. If you have ever had your website go through redevelopment, this situation could be a familiar one. Usually what follows is the developer telling you to “hard refresh your browser and clear your cache.”

This happens a lot because the clients computer has saved a cashed version of the website and will load that instead of the new changes. So what the developers are saying would fix your problem. This process forces your computer to redownload the website and display the new features.

There are very simple commands to do this, but they do vary between browsers and operating systems. So to make make this process super simple, here is the list of commands you can use for each major browser and computer operating system.

How to hard refresh your browser and clear your cache with Google Chrome.

Google Chrome is the most used browser on the market and its good reputation keeps it there. According to W3Counter, 63.8% of internet traffic came from Chrome in October 2020. Thankfully, the process to hard refresh this browser is super simple.

Windows and Linux.
There are two commands that you can use to hard refresh Chrome on a computer that uses Windows or Linux:

  1. Hold down Ctrl and click the reload button.
  2. Hold down Ctrl and press F5.

Mac OS.
On a Mac pc, there are also two ways to hard refresh your browser, but they require a little more finger gymnastics.

  1. Hold down Shift and click the Reload button.
  2. Hold down Command, Shift and press R.

How to hard refresh your browser and clear your cache with Safari.

Just for fun, here are the stats. 17.9% of internet traffic came from the Safari browser. As an Apple only browser, there is only one command you need to know:

  1. Hold down the option and command key then press E.

How to hard refresh your browser and clear your cache with Internet Explorer.

From this point on, the percentages are all below six. This comes as no surprise since Chrome and Safari are the most popular. Internet Explorer, despite the jokes, was used by 5.6% of people browsing the internet.

In contrast to Safari, no Apple products use Internet explorer. So, we only have to learn the shortcuts for Windows and Linux. In typical fashion for those operating systems, there are two different ways to do it.

  1. Hold the Control key and click the Refresh button.
  2. Hold the Control key and press F5.

How to hard refresh your browser and clear your cache with Firefox.

To continue with the stats from W3Counter for October 2020, Firefox was used by 4.6% of people browsing the internet. This browser can be used on both Apple and Windows, so they each have their own shortcuts.

Windows and Linux:

  1. Hold down Ctrl, Shift and press R.
  2. Hold down Ctrl and press F5.

Mac OS:

  1. Hold down Shift and press the reload button.
  2. Hold down Command, Shift and press R.

Make development on your website easy with Web2Web.

Your website is vital to your online success as a business. So when it comes to development, you need to make sure it’s in the hands of people that understand that.

At Web2Web, we don’t just make the changes required, we minimise downtime and support your website so that it can reach your goals. It’s our highly skilled team and over 10 years of experience that you can put your trust in when it comes to development.

Talk to us today if you want your website to perform its best and boost your business goals.

How to use a Google My Business account

If you want more visibility on Google but don’t have a Google My Business (GMB) account yet, then you need one. Even if you have a Google Business Profile to appear on Google Maps and local SEO, GMB will boost that significantly. In this article, we are going to go over what a GMB account is and why your business needs it.

What is Google My Business?

Google my Business is a free tool that Google offers as an extension to your Business Profile. Your Business Profile is how you list your brand on Google Maps and local search. This alone is a huge boost to your local success and SEO.

With the Business Profile, your clients can now leave reviews, upload images and ask questions. You don’t need GMB for this, but your Business Profile is lacking one major thing. Management.

Google My Business lets you take control of your Business Profile. With it, you tell Google that you are the owner and Google gives you the keys to unlock its features. Now, you can customise, manage and optimise your profile on Google.

Google My Business Home Page

How to use your Google My Business account.

By using GMB, you gain the ability to:

  • Show off more about your business.
  • Interact with your clients.
  • Gain useful insights.
  • Boost your local SEO.

Show off more about your business.

Using your GMB account you can add more details about your website. Information like:

  • Open hours,
  • Website link,
  • Products,
  • Prices,
  • And more.

With GMB, you can edit this information at any time. This is especially useful for holidays and other critical information. One recent example was when lockdown began and many companies had to temporarily close.

By completing your Google My Business account, you will make full use of the search engine results page (SERP).

Interact with your clients.

With just a Business Profile, your clients can leave reviews and ask questions. Now with GMB, Google trusts that you are the owner and lets you reply. This opens up a whole new way to engage with your clients and build trust.

From your GMB dashboard, you can also publish posts and articles. Similar to that of a social media page.

Gain useful insights.

GMB has an analytics tab that lets you access useful local search performance data. It will display the search queries that led clients to your company, actions that took them to your brand and the performance of your photos.

Boost your local SEO.

Google’s algorithm includes your Business Profile which contains everything you add with Google My Business. You can further assist Google by supplying GMB with keywords that you want to rank for. This will tell Google when to include you in local SERP and Google Maps.

For a new company, Google My Business is the perfect place to start your SEO efforts. This is boosted by the fact that searches that result in a local search are very close to sales. Think about searches like “Fast food near me” or “Car repair in Cape Town.” These come from people who are looking to make a purchase right now.

It goes further than just Maps, a fully fleshed out Business Profile is dynamic. Google will pick and choose the information you supply to best match the search. This is why it is very important to include every detail you can on GMB.

Furthermore, you can build trust with your clients through reviews. Google notices the interactions on Google reviews and will favour brands that respond often. This is your way of letting Google know that you are active and dedicated to giving the best service.

web2web-reviews

Use Google My Business on the go.

Since Google runs one of the biggest app stores, it makes sense for them to create apps for their products. Google My Business is no exception and it’s available on both iOS and Android. You can use it to update your account, post statuses and pictures and view the analytics tab.

Set your business up for SEO success with Web2Web.

Getting your business online is more than just getting a website online. To be successful online, that website needs to be targeting competitive keywords and have Google My Business set up. This includes all the steps that we have covered in this article.

You cant stop there, your brand should show up on relevant social media and interact with your customers regularly. There is a lot to do which is why Web2Web offers the full set up to you. Our team knows how to optimise every step to match your business goals.

Contact Web2Web to get your company moving in the right digital direction.

How to embed social and video content on WordPress

Learning how to embed social and video content on WordPress is a lot easier than it may initially seem. This is especially so if HTML doesn’t make any sense to you. Fortunately, you don’t actually have to know any HTML to embed social and video content on WordPress.

Using embeds can be very beneficial to your website. It can help optimise a consistent blog or draw more attention to your company’s social media accounts. Most importantly, it will help drive user engagement on your website.

Why you want to embed content on WordPress.

Most websites, especially those run on a Content Management System (CMS) will allow you to upload content directly to your website. WordPress allows you to do this in a very simple way via the media library. However, there are some cons and limitations to this process.

These issues are:

  • Lack of upload space.
  • Slow-loading website.
  • You can’t upload social posts.

High-quality videos can be incredibly large and will weigh down your website. This will use up your server’s storage space and be a lot slower to load for your user’s.

Websites also cannot inherently show social media posts. Some companies try to get around this with screenshots. But that seriously limits the effectiveness of the post’s existence.

An embed is a perfect way to get around both of these issues for getting content on WordPress. When content is embedded on a website, it is visible to the reader but not stored on your website. Instead, it is linked to another source.

Increase user engagement on your website with embeds.

Using social media posts and videos can increase the engagement and time users have on your website. This is due to the inherent engagement that both videos and social media posts come with.

  • Likes
  • Shares
  • Comments

Many embeds will allow all three of those types of engagements to happen on your website. Let’s find out how we can get all this on your website.

How to embed content on WordPress.

Almost every major video sharing and social media platform will allow you to embed its content on your website. The process is all similar with a few variations. So, we will go over a few of the most popular platforms.

Step 1: Find the embed HTML code.

Here is where video platforms like YouTube and Vimeo differ from social media platforms like Facebook and Instagram.

When looking for the embed HTML code on YouTube and Vimeo, you will want to find the share button. This is usually located just underneath or next to the title of the video.

YouTube’s ‘Share’ button is located in the same space as the likes and dislikes.

On most social media platforms, you will be able to find the embed code through a menu attached to the post itself. It is usually a kebab or meatballs menu. The three dots next to each other either vertically or horizontally respectively.

Facebook uses a meatballs menu at the top right of each post.

Once you have clicked on the share or menu buttons, you are looking for this symbol:
</> Embed

Step 2: Copy the HTML embed code.

While this step is straight forward for most platforms, Facebook is unique. As one of the biggest social platforms, we can’t ignore it in this guide.

When you ask Facebook to give you the code, it will give you two sets of HTML. The first is JavaScript SDK that needs to appear on your page before the embed. We recommend you either use it right before the first embed or just after the opening body tag.

Putting Facebook’s JavaScript SDK into your website is the exact same process as the post itself.

Step 3: Paste the embed into WordPress

Due to WordPress having two types of editors, block and classic, we will cover both. As you will see, they are both very similar. The block editor is just a lot easier to navigate.

Block Editor.

The advantage of blocks is that you can create a custom HTML block. Simply choose that as your next block and now you have a space to paste that embed code you just copied. This block even gives you a way to preview the embed to see if it worked.

embed social and video content on WordPress

Classic editor or classic block.

If you are into the old school way of using WordPress, the way to embed content is still just as easy. Thanks to the inclusion of the classic block, you can even get all the benefits of the block editor for embeds while still keeping the rest of the article the way you like it.

embed social and video content classic blocks
First locate the kebab menu in the classic block. This is the three vertical dots.
Then click on ‘Edit as HTML’, find where you want to place the embed and paste the code there.

As with the older Classic Editor that WordPress used. You can very easily view the HTML of your page by clicking ‘Text’ at the top right of the page. The same as the block, you will then find the location you want to embed to appear and paste it.

Using a plugin to embed content on WordPress.

While embedding a video, image or social media post is simple, you can go even further. WordPress has loads of plugins for multiple different needs and simplifying embeds is one of them. A perfect example of this is a plugin called EmbedSocial.

What makes this plugin more useful than the manual way is that you can link it to your social media or YouTube channel. It will then update with each new post or upload your company makes directly to your website. You will still need to embed specific posts or posts from other sources.

Improve your website and social media engagement with Web2Web.

How your clients respond to your website and social media all comes down to your experience (UX). To get the best possible results, you need to design every step in your clients’ journey to perfectly cater to their needs.

When you work with Web2Web, you get a team that will take everything into account. From social media management to website design and development. We create the experience that your clients will love to interact with.

Start putting your digital marketing in the right place and contact us to find out how Web2Web can help you.

What is a splash page and why you want one

What is a splash page? As the first page that a client will see when visiting your website, it is like the welcome mat in front of a house. As a very unique website element, it can boost website engagement, email signups and a whole lot more.

In this article, we are going to give an in-depth answer to the question ‘what is a splash page?’, what goes into one and some tips on how to make your own a success.

What is a splash page?

A splash page acts as an introductory screen that your clients will see when they visit your brand’s website. Think about it like the lobby to your home page that will greet your clients and take their details. While it does add an extra step for your clients to get to your landing page, used correctly it can boost your branding and marketing. With good design, it can even impress your clients and encourage them to engage with your brand even more.

Most importantly, a splash page can get your clients to do something before they enter your home page. These goals can include:

  • Sign-ups to an emailer.
  • Collect contact details.
  • Ask for age verification.
  • Display a disclaimer.
  • Promote your next event.
  • Highlight a product.

These are just a handful of examples, the list can continue depending on what your company’s goals are.

What is the difference between a splash and a landing page?

We now know that a splash page is the first page a client will see when loading your website, but isn’t that what a landing page is?

The two can be easily confused because their purposes do have overlapping goals. However, they are two very different pages on your website with different functions.

A landing page is a standalone page created specifically with conversion in mind. The navigation is minimal and doesn’t want the viewer to leave until they have converted.

A splash page on the other hand is attached to your home page and has a clear exit link to take the viewer to the main site. With the goals that we have discussed in the previous section, you can see how these two types of pages are very different.

Resn is a design studio that has taken their splash to another level. Click the image and see for yourself by following their instruction. It really pushes the idea of intractable design.

What goes on a splash page?

Before we even begin putting elements on a splash page, we need to go back to the goals. What is the purpose of the splash page and what do you want to get from it? If you can’t answer that question, then your website probably doesn’t need a splash page. If you can answer the question, what you put on the splash page will vary depending on the goal.

There are still three basics that every splash page should have.

  • Strong visuals
  • Impactful copy
  • Easy exit
Zara’s splash page to choose a language is a commonly used example for how efficient it is. What the user has to do is obvious and they will be blown away by the stunning image that has changed over the years.

Strong visuals.

There few better places to wow your clients than on your splash page. With the perfect image, you can achieve just that. This will catch their attention and create an impactful first impression on your website while representing your brand.

This image could be a background, product or even a video. Just be sure to also include your logo to avoid people from feeling lost.

Impactful copy.

Every splash page has a purpose and it’s vital that the viewer knows what that purpose is. Keep the copy short, impactful and action-oriented. With a concise message that tells the viewer what to do, your splash page will fulfil its goal perfectly.

This is also the perfect place to introduce the tone and personality of your brand. Keep the copy in line with your website and your clients will enjoy engaging with your splash page.

Easy exit.

No matter what you want to get from your clients on your splash page, it’s primary goal is to welcome them to your website. This means that the way to navigate away from the splash page to your home page must be incredibly obvious.

Sometimes, the goal you have for your splash page is the exit. Liquor stores are perfect examples of this. They need to confirm the age of the user before the home page can show, so submitting your age is what leads the user to the home page.

Savanna has a bright and fun splash page for age verification. Submitting your date of birth is the exit navigation to their home page.

Tips to help you make your splash pages.

Visual hierarchy.

Visuals are a huge element to splash pages, so considering the size and placement of each element is important. Make sure that everything not only works together but that it is fluid and effective to support the goal.

Fast loading time.

We all know that the loading speed of your website is important, but it is especially so on your splash page. It is an extra step in between your client’s goal and as such, any amount of resistance needs to be removed. Fortunately, a splash page typically doesn’t contain loads of big elements. Make sure they are optimised and your splash page will have a good loading speed.

Social media accounts.

If your company has a social media account, and it should, the splash page is the perfect place to put them. This is a very modest way to remind your clients to follow you while informing them where they can get even more of your brand. These elements should not be very dominant on the page.

social icons for what is a splash page

MAKE THE PERFECT FIRST IMPRESSION ON YOUR WEBSITE WITH WEB2WEB.

Your website is your company’s store font online and visitors, virtual customers. Even most of your physical store visits will have searched for your brand online before walking through your door. This is why it is so essential for your website to represent your brand accurately and make the best first impression. This is where Web2Web comes in. We can create, refresh or update your business website so that it can support your goals and boost your online success.

Make your website create the best first impression, contact us today.

Why website hosting is important for your business.

Website hosting is a service that gives your website a place to live and people to visit. As the foundation for every website, it is important to understand what website hosting is and the options you have for your business.

If you are starting your very first website or looking for a new hosting solution, you will eventually come to a question of which hosting service do you choose?

The answer is not very simple and the wrong option could seriously hurt your business online. To avoid this problem, we are going to get into what website hosting is and what the options are for your business website.

What is website hosting?

For your website to exist online, it needs a hosting service. This service stores your website on a computer server that allows access to it on the internet. Without this service, you are simply not online.

When you pay for a hosting service, you are paying for the space that your website takes on the server. Each one is different either in its type or the features they offer you.

The most common features are:

  • Email accounts
  • FTP access
  • Support and maintenance

Your website will come with a custom domain, for example, www.yourbrand.com. Many website hosts will offer email accounts under that same domain. This will allow you to have an email that looks a little like this: [email protected]

File transfer protocol (FTP) access lets you upload files from your own computer to your web server. Find out more about what FTP is here.

A website host that doesn’t offer support and maintenance is one that you can ignore. For your website to be in tip-top shape, its server needs to be looked after. This feature can include 24/7 server and network monitoring, network configurations, onsite backup power supply and regular backups of your website.

Thankfully real server support is not handled by the The IT Crowd.

Different types of website hosting.

When you look for a website hosting service, you are going to come across many different types. They each offer different features, prices and performance. Choosing the wrong one could either hurt your website’s performance or drain unnecessary funds.

Let’s take a look at the five main types of website hosts that you will come across.

  • Web builder
  • Shared hosting
  • VPS hosting
  • Cloud hosting
  • Dedicated hosting

Web builder.

These come from website building services like WordPress. This is a popular option from small businesses and bloggers as it offers a cost-effective and simple website hosting solution.

Don’t get mixed up between the website hosting and website creating properties. WordPress is incredibly scalable and a website made with it can be hosted using any of the other options even enterprise-level websites.

Shared hosting.

As the name implies, you shared hosting means that you are sharing a server. Your website will be in the same location and share the same space as the other websites on the server.

This is the cheapest option but it does have one drawback. If someone eases website crashes the server, your website goes down with it. This is where your hosting service provider should come to the rescue and as fast as possible.

We recommend shared hosting for entry-level websites that don’t get a lot of traffic.

Virtual private server (VPS).

A VPS is a lot like shared host in the sense that you are sharing the same server with multiple websites. The big difference here is that it removes the drawback that we mentioned before. Your website will be given its own space within the server that is not connected to the other websites.

It’s like living in an apartment. All the websites in the same building have their own room. So, when one room stops working, all the other rooms can still function. Another benefit to using a VPS is that high traffic on someone else’s website will not slow your website down either.

This option is great for websites that have outgrown shared hosting or want to skip the negatives of shared hosting with a little extra cost.

Cloud hosting.

Similar to a VPS, cloud hosting is a more cost effective alternative. It comes with multiple remote servers that each have their own responsibility. A significant positive to cloud hosting is that when one server goes down, the other servers take up its responsibilities until the problem is solved.

The upshot of this is that your website will have less downtime due to server errors. There is also a lot of space for growth since you will pay for the exact space that you use and you can easily adjust that space with your service provider.

Cloud hosting is a great option for fast-growing websites that expect a lot of traffic.

Dedicated hosting.

The name says it all. A dedicated server belongs to your website and your website alone. While offering the best performance, it is also the most expensive option that is on offer.

Because of the amount of space a dedicated server offers and the price that comes with it, it is not recommended for websites that do not have huge amounts of traffic.

Dedicated hosting is for large enterprise-level websites that get loads of traffic. This amount of space is not needed for websites that are smaller or get less traffic.

Choose website hosting with speed in mind.

Website speed is a factor that finds its way into almost every topic about website creation, and for good reason. The speed at which your website loads is incredibly important to its success.

Websites that load longer than three seconds will chase away most of your potential customers. Some people will give up after two seconds. Keep those numbers in mind when it comes to every aspect of your website. From design to host.

Since Google wants to show websites that its own users will want to land on, it comes as no surprise that website speed is a factor to search engine optimisation (SEO). While it doesn’t carry as much weight as some other SEO factors, in this highly competitive scene, you need to take every advantage you can.

Get the best for your website from design to host with Web2Web.

You want your website to have the best chance it has for online success. This will include optimisation from the foundation up and that includes finding the right hosting provider. As digital experts, Web2Web can put you on that path. We design, develop and support websites of all levels and can help you make the perfect choice for which hosting provider to choose.

Put your website in the place it needs to be, contact us today.

How to curate content for social media

When you curate content, it can ease your social media schedule. But how do you do it and what are it’s best practices? In this guide, we are going to answer those questions and get your audience even more engaged.

What is content curation?

Put simply, it’s finding and collecting content on the internet to share on your own social feed. As with all things marketing and social media for business, it goes a little deeper than that.

The content needs to be relevant to your brand and something that your audience will find useful. Content curation also requires your own input into why you are sharing it or your thoughts on what is being shared. You need it serve your business as well as your clients.

Why should you curate content for your brand’s social media?

Staying active in the minds of your social media audience requires lots of research and consistent updates. While your feed posts stay on your own page forever, its only on your readers feed for a few moments. To stay active in their minds, your posts need to match up with your audiences online time.

Curated content can help you keep up with that demand and stay on top of the algorithm. It does this by allowing you to:

  • Keep your post schedule regular and consistent.
  • Establish yourself as an industry leader.
  • Show that your brand is an active member in your industry.

A byproduct of curating content for your social media page is that you keep yourself informed about the latest news and developments in your industry. It can also get the creators of the content you share to notice you, paving the way for a relationship to form. This can get them to share your content, boosting your online visibility.

How to curate content for social media.

The idea is great, you collect content to share so that you don’t need to create all the content yourself. But you can’t just simply post a link to any article and leave it at that.

There are four steps you should take for using curated content:

  • Determine your topics.
  • Locate your topic’s sources.
  • Save and schedule the articles.
  • Add your own message.

Determine your topics.

This is the first step you need to take for any content curation plan on social media. Determine the topics that are important to your brand and write them down. This step is not one that needs to be repeated every single time, but it’s good to have a list to go back to for review.

Locate your topic’s sources.

Finding where content for your topics exist can initially be intimidating. There’s a whole internet out there to explore. Fortunately, there are places you can go to make this easier. Some examples of these places are:

  • Your email newsletters. If you have subscribed to industry news, then you already have a fantastic place to look.
  • Your own social media platform (Twitter’s retweet function is fantastic for this).
  • Google Alerts. It’s free and will send you emails that refer to your chosen keywords.
  • Content curation tools. Some are free, others require a subscription. There are many that you can try out and see if they work for you.

However you choose to receive your content, it is important that you keep it highly relevant to your audience. It can be fun to curate memes and cat videos, but the content you share on your brand’s social media needs to stay focused. A relevant meme doesn’t hurt though.

Save and schedule the articles.

Now that you have your content, you need to save it and add it to your social media calendar. You don’t want to do all this work and lose it or not know when to post it. Creating a social media calendar is a whole topic on its own and Hootsuite explain it incredibly well and provide templates that you can follow.

Add your own message.

The last thing you need to do with the content you have curated is to write something about it. Your social media audience follows your brand because they want to hear from it, not to get spammed with links that don’t have context. Include an intro to the content that includes why your audience wants to read it or add commentary about it. Sharing your brands opinion is a fantastic way to reinforce your brand’s unique personality.

How to mix curated content with your original content on social media.

The ideal mix of curated content to original content can vary from brand to brand. It will take some testing and analysing the success of these posts to figure out exactly where you stand, but don’t shy away from curated content making up the majority of your own content. It can be normal for your posts of news, images and shares to take up 70% on your feed.

However much your curated content becomes on your feed, remember to keep it relevant and add your own message.

Keep your clients engaged on social media with Web2Web.

Keeping your clients engaged on social media requires consistent, high-quality content that is on-brand and relevant to their needs. With Web2Web, you can get a team that will stay on top of your social media analytics and keep a schedule that will keep your clients engaged. If you want to move your social media forward, talk to us and we can make your social platforms a marketing success.

Testimonials