Showing posts with label web tips. Show all posts
Showing posts with label web tips. Show all posts

Wednesday, June 20, 2018

10 Free Ways To Improve Your Website

how to improve your website for free
The internet has a whole world of great free resources for your website

If someone told you that you could quickly and easily improve your website and that it wouldn't cost you a penny, what would you say? Probably something like "what's the catch?". Well no catch here as I highlight 10 great (and free) website add-ons that can immediately improve your website.


1. Google Analytics

Google analytics is really a must have for any business website. By adding a couple of lines of code to your website Google can provide you with a wealth of data about your website, who visits it, where they come from, what they look at and for how long, what they click on.... The list goes on. Data like this is especially useful when tracking the performance of an online marketing campaign, a new product, a special offer or sale. You can sign up for Google Analytics here.

2. Share Buttons

Lets says someone visits your website and likes the content or thinks a friend would like it and would like to share it with them. You should make this as easy as possible for them using share buttons. Share buttons make it easier than ever for your audience to spread your content around the web, therefore increasing traffic and sales for you. AddThis is one of many companies that offer this free service.

3. Email Sign Up


email or newsletter sign up form
Gathering email addresses can help create a customer database

Another free and easy way to help traffic and sales is by adding an email/newsletter sign up widget to your website. The sign-up form needs to have a purpose of course (receive a free monthly newsletter, etc.). Make sure you mention that you will not sell email addresses to third-party businesses. This will give visitors reassurance that they won’t receive hundreds of spam emails. If you feel you don't have content worthy of sharing with your customers then you need to start a website blog, we'll discuss that in number 9. MailChimp is my recommended place to get a free email signup widget.

4. Contact Form

Sometimes people don't like giving you their email or phone number but they still want to get in touch to ask a question or make an enquiry about a product/service. Adding a contact form to your website allows them to do just that. Contact forms are also a better way to be contacted as your email address will be hidden too so you won't get any of that online spam that comes with having your email address on your website. JotForm is a great place to get free website contact forms.

5. Testimonials Widget

Testimonials area great way to build trust with potential customers and show a more human side to your business online. Studies show that people trust online testimonials almost as much as peer recommendations. So get going and add a free testimonials widget to your website using a company like GlowBoard or Spectoos.

6. Social Feed Widgets

online digital marketing
Social Media is a great place to promote your business

If you are active of social websites like Facebook, Twitter, Instagram or others then you should look into adding a widget to display your latest social posts on your website. This keeps visitors on your website as opposed to sending them offsite to your social media page where they can easily get distracted and drift away from your content. Click on the links to learn more about the Twitter, Facebook and Instagram plugins.

7. Social Follow Buttons

If you've got great social media content worthy or displaying on your website then why not go a step further and offer social share buttons where website visitors can easily follow your social accounts in a single click? AddThis which I mentioned earlier offer this service but you can also try ShareThis.

8. Google Translate

Perhaps your business is local, perhaps not, either way english may not be the first language of your customers so you really should be offering your website in multiple languages. Sounds complicated but thanks to Google translate it really isn't. Click to learn how to add Google Translate to your website.

9. A Blog

This one is less of a widget or plugin and more of a website add-on. A blog is short for a web log but really it is just a place to write little articles related to your business or share information about news and events your business is involved in. For example, this is a blog! The great thing about a blog, apart from being free, is that by sharing new content on a regular basis Google rewards your website with a higher ranking in search results. If your website is built on a CMS there is likely a blog function built in already but if not Google's Blogger is the best free option.

10. Live Chat Widget

free website livechat plugin
Never miss an opportunity to engage with customers.

This one is only really workable if you work from a computer most of the day or if you have dedicated customer services staff. If you do then a live chat widget is a great way to engage you visitors to your website in real time. The live chat can be video, text or audio based depending on the plugin you choose. Tawk, MyLiveChat and PureChat are 3 free options.

11. FAQs Page

I know I said 10 add-ons but this is more of an extra web-page as opposed to a plugin, widget or add-on to your website. A frequently asked questions (FAQs) page help your customers find the information they need without having to contact you. It also shows a level of professionalism on your behalf as well as being a sign of good customer service as you try to solve possible issues or answer possible questions before they have even been asked.

About the Author

This article was written and shared with OnlineDesignTeacher by Opus Web Design.




Monday, February 26, 2018

eCommerce Conversion Rate Tips and Tricks

eCommerce Conversion Rate Tips and Tricks
eCommerce Conversion Rate Tips and Tricks

The ultimate goal of any online business is to have a great conversion rate. That means to get as many of your visitors to complete a desired action on the website. For example, for online stores, that means to get more people to complete a transaction. That is how you measure the efficacy of conversion marketing.

As an example, if a customer decides to abandon their online shopping cart, the seller would often make some special offers include a discount code or free shipping in order to convert that visitor into a paying customer. Or perhaps the company would try to recover this visitor through another online engagement method, such as reminding her via email or even using a proactive chat to help the customer through the purchase process.

As an online business, this is a long-term investment that you can make to improve your online customer service channels, your site flow, and the entire customer experience.

Additional tips to increase your conversion rates are to keep your homepage simple and the website navigation user-friendly. If you make sure that the structure and the site navigation can be used with minimal effort, you are already doing a great job. Naturally, placing a discount code or two on the homepage itself could also significantly increase your conversion rate.

When a visitor decides to look at the details of a certain item or a certain service that you offer on your website, another great method for increasing your conversion rate is to generate some user reviews of the product or the service that you are selling.

This means that after a customer receives their item or service, they should be able to provide feedback, both on your website and on the purchase that they’ve made. They can write about the quality of the purchase, their shipping experience, the way product that was advertised beforehand and anything else they’d like to include. Then, when another person visits your website and is interested in the same product or service but is not sure whether to make the same purchase, she is going to be convinced by that review that your previous customer left.

Two other extremely important tips to include in your website are a PayPal button and the feature to have customers checkout as guests.

The first one is going to increase your mobile conversions by up to 34% because most of the world uses PayPal already, and the transactions via PayPal are simple and confidential. This also means buyers won’t have to go looking for their credit card and then go through the hassle of inputting all their information to make said purchase. Because if they’re buying something on impulse, research shows that they are likely to change their mind if they have additional steps that they need to do before they finalize their transaction, which results in your business losing a customer. The same idea goes behind allowing people to check out as guests.


See the infographic below for more tips and tricks on how to increase your business’ conversion rate.




Infographic URL: https://websitebuilder.org/resources/conversion-rate-Optimization-Hacks




Tuesday, February 13, 2018

Essential Web Design Tips... From A Web Design Professional

Web Design Tips from a web design professional
Essential Web Design Tips... From A Web Design Professional

This is a guest post by Jennifer Scott, read more about Jennifer at the end of the article.

Let’s face it; there are a seemingly infinite number of websites currently hosted on the internet. At a current count, there’s actually around 1.3 billion, meaning that it’s safe to say that competition is fierce when it comes to making your website stand out from the crowd. So, when was the last time you consider the effectiveness of the design of your website?

Are users coming to your website able to tell exactly what your website is all about as soon as they land? Are users able to find the content or products they are looking for quickly and easily? Are you profiting or succeeding in the purpose that your website sets out to achieve?

If not, the chances are that you’re going to need to make some adjustments to your website’s design. Nowadays, there’s more and more emphasis on the User Experience of a website, a term that that is becoming increasingly common.

This is mainly because Google, the biggest search engine giant, has the sole purpose of giving their users the best online experience they possibly can, hence contributing to their success. However, if you’re not giving your users the best user experience possible, not only will Google lower your SEO ranking, your users will also take their business and online activity to one of your competitors.

Today, I’m going to talk you through everything you need to know about website design and share with you some of the best tips and tricks of the trade that I’ve discovered throughout my many years in the website design industry. This will help you address any design problems you may be facing, assisting in getting your website off the ground and helping you to boost your user experience and, therefore, your overall success.


#1 - Get Organised

Despite the creative nature of web design, organisation is still one of the most key skills

Perhaps the most important point to kickstart my list is telling you to get yourself organised. Design a website plan and research your target market. Instead of jumping straight into designing your website, take the time to check out your existing competition to see what they are doing and how their buyer journey works.

With that in mind, how is your buyer journey going to compete? All this takes is getting several bits of paper and literally mapping the journey of a user from your homepage to the final page where they’ll make their purchase or find the content that they want to read.

Planning your steps and web pages in this way can help you streamline and enhance your customer’s journey and your user experience.


#2 - Aim Only for the Highest Quality

I see too many websites on my internet travels that fail to address or meet the standard expectations that typical internet users today expect. There are many elements that either used to be popular on websites and aren’t anymore, or simply shortcuts that designers have taken and now directly affect the quality of the website.

For example, using complicated and slow-loading page transitions or animations only harms the user’s experience on your website. Sometimes you might find that your content is too wordy and therefore boring your user, forcing them to leave your website. Another popular problem I see all the time is websites using poorly implemented stock imagery.

Statistically, an internet user logs onto a website and has an attention span of around 8 seconds. If your website is slow loading or screams poor quality using the factors above, they’ll simply leave, and you’ll have missed out on a potential lead.


#3 - Mastering the Art of Content Writing

web design content writing
Content is king. Design is great but at the end of it all good content is key.

While the graphical and functional side of your websites is extremely important, it’s vital that you never overlook the importance of the content itself. Whether you’re designing a website for yourself or a client, the copywriting on every single page needs to be perfect in order to provide the best user experience.

For example, having poor grammar in your content can lead to your text becoming illegible, a sure-fire way to send users in the opposite direction. In this case, you can use online tools and grammar checkers, much like Via Writing, State of Writing, Academadvisor and Grammarix to check your content to ensure it’s perfect.

As a website designer, it could be safe to say that your writing skills are not your best trait, but it’s important you realise this in order to avoid these problems. If this is the case, never fear. There is a tonne of professional copywriting services out there that can help you write your content while you focus your energy on the design. Some of the leading copywriting you could use include UpWork, Best British Essays and UK Top Writers.


#4 - Using the Right Visuals

As I briefly mentioned above, it’s important that you avoid low-quality ‘stock’ images on your website because it gives a kind-of ‘tacky’ appeal to it. To elaborate on this point, the images are just as important as the functions, features and written content of your website, in some cases, even more so.

When choosing which images to use on your website, you first need to find the right balance between high-quality/resolution images but also that load quickly. While it might be tempting to upload a stunning 4K picture, this will take ages to load on a mobile device, making it pointless.

You also need to make sure that you’re using images that are relevant to the content and page of the website that the user is on. Relevant images help to add a new visual layer of understanding and communication to your web pages, rather than just being an element that tries to look nice.
“If you want to really stand out from the crowd, and the rest of your competition, I found it was a highly effective method to produce your own photos in-house as this has a much more personal feel and you can use the exact style of image that you’re after,”
explains Damian D. Montalto, a web designer for Best Australian Writers.


#5 - Don’t Hide White Space

white space in graphic design
White Space is key in all forms of design.

As a website designer, it’s easy to fall into the trap of trying to make every single aspect of your website attractive and engaging to your users. However, it’s important that you never underestimate the power of white space, more commonly referred to as ‘negative space’.

Using white space on your website allows you to professionally and cleanly divide up certain sections of your website, making it clear and easy to follow, understand and, of course, navigate. Although it may seem like you’re wasting precious pixels, especially when it comes to your homepage and the first things that your user sees, but a cleaner and easier to digest web page provides a far better user experience.


#6 - MOBILE OPTIMISATION

This is one tip I simply cannot stress enough, and it still shocks me how today there are so many active websites only that haven’t been optimised for mobile devices. It’s actually shocking. Here are the facts;
  • 80% of all internet users own a smartphone 
  • 61% of all users say they would never return to a website that wasn’t mobile optimised 
  • Over 50% of all internet traffic comes from a mobile device 
  • The average time spend on a mobile device per day is 7 hours 
These statistics speak for themselves. If you’ve ever been on a website from your own mobile device where you’ve had to pinch and zoom to access different features while trying to find the perfect balance so you can read the text clearly, you’ll know what a poor experience this is and why you’d never go back.

What’s more, failing to optimise your website for mobile devices is a no-no in Google’s SEO rulebook, and it will damage your SEO ranking, pushing you down the search engine results page.


#7 - Test, Optimise, Repeat

Just because you’ve finished designing your website, that unfortunately doesn’t mean that your job as a web designer is complete. After you’ve finished your website and before you launch, it’s important that you rigorously test your website to ensure all the features and pages are working perfectly. Of course, you don’t want people to come to your site only to find that it isn’t working properly.

After you’ve launched, however, it’s important that you keep checking back to your website to see what people like and don’t like. Are people reacting to your features in the way that you wanted them too or are they getting stuck and lost on some of the pages, potentially costing your business?
“About a year after we launched, we implemented heatmap software that showed each page and how long a user was spending on each page and where they were looking on the page. This allowed us to see exactly where users were stopping on a page and how we could tweak things to provide a better user experience,”
shares Ben Taylor, a web designer for Top Canadian Writers.

Keep refining and researching you make sure everything is in order and make small tweaks to make sure everything runs perfectly. Even years after your website has launched, it’s important to keep checking back regularly and to keep everything updated.

About The Author:

Jennifer works as online editor at UK Service Reviews. Also, she is a business developer that works in different areas of education, technology, security and various types of online marketing. Prior to business developing Jennifer was consultant at Deloitte, and managed security services provider and developer of a wide range of security solutions.



Monday, May 30, 2016

Top 5 Web Design Tips

1.What's The Point?

What's the point of your website
What's the point of your website? That must be your first decision

Believe it or not there are only 3 types of websites - information, entertainment and transaction.

  • Information websites provide information- obvious example is Wikipedia
  • Entertainment website provide entertainment- obvious example is YouTube.
  • Transaction websites will either buy goods from you and/or sell goods to you - obvious example is eBay.

Every website falls into one or more of these categories. The first thing you need to decide before designing your website is what is  its purpose? Secondly who is it aimed at? Once you have made those decisions you can more easily design your website to meet the demands associated with that website category and that target audience.

2. Mobile Is Bigger Than Desktop*

Internet usage is now greatest on mobile device
Internet usage is now greatest on mobile device

It goes without saying nowadays that your website should be responsive but I have found that people tend to create the desktop design and then use media queries to work down to tablet device design and finally mobile design. This is the wrong approach. Why?

*For the first time more people now access the internet using mobile devices than desktops or tablets so it makes sense to prioritise your websites mobile design then scale up using a fluid design and/or media queries.


3. Show The Way

An organised, obvious and functional menu
An organised, obvious and functional menu is key to a successful website

Web navigation has many well established and functioning characteristics and you should not stray away from them,; there is no need to reinvent the wheel and if you try it will likely confuse your visitors and spoil their browsing experience. On the flip side, an effective navigation system encourages browsing within the website which can in turn increase revenue.

Your menu is obviously the main navigation device for your website and it should be immediately obvious when the webpage launches, ideally fixed at the top of the page with no surrounding elements to distract from it. This also makes the links easier to click on a mobile device. If the website's style allows it then perhaps add an additional (relevant) icon with each menu link, this creates an immediate association for the visitor with the purpose of the link.

Links within the body text should at least be a different colour than the body text and you should retain the default link underline as without it the links may just look like bold text. Ideally all links should have a hover effect added using CSS and a title attribute using HTML.



4. Nobody Reads

nobody reads text any more
If nobody reads text any more then how do you get your message across

Let's face facts, nobody reads all the text on a website, in fact I don't even know if anyone will read this sentence. What people do is scan the page for what they want, when they do this images, headings, sub-headings and links are what they notice (in that order).

Just checking if you are reading or scanning...

With this knowledge in mind you should provide images and/or icons to go with all key links/points and break any large areas of text into sections, each with a heading and possibly sub headings also like I have tried to do with this article. As a general rule in terms of website text, just get to the point.


5. Optimise, Optimise, Optimise**

website optimisation
There are 3 key areas of your website to be optimised

**I wasn't repeating the word optimise for fun or even for emphasis. I actually want to advise that you optimise 3 keys areas of your website: the layout, the loading speed and the content.

The layout optimisation should focus on utilising one of the recognised web layout techniques such as the F layout or the Z layout. The purpose of which is to direct visitors to the outcome that you want such as clicking on a link, signing up to a newsletter or buying a product. An optimal layout will result in optimal outcomes.

The loading speed can be optimised by removing unnecessary content, minifying you HTML and CSS, keeping slow loading content below the fold, optimising images for web viewing etc. Our tips to improve website loading speed and the Google page speed insights tool is a great help. Faster loading is not just appreciated by your visitors but also the search engines who now factor it into their indexing algorithms.

Optimising content is old news but remains an important activity which still makes lots of companies lots of money. The reality is that it is actually a relatively simple but highly tedious process, so if you got the time then you can save the money. Learn more about SEO here.

You may also be interested in the web design process and our 10 steps to designing and creating a website.


Monday, March 14, 2016

The Best Web Development Resources

The Best Web Development Resources
There are a wide variety of quality free web resources available online

Here we are at the the final stage of our 10 step guide to learning HTML. If you have landed here without having gone through the previous 9 steps you have missed out! Although there is still a treat in store for you here with this list of recommended web resources. These web dev resources have been carefully selected and will be useful to both web design novices as well as web development experts. All the resources, tools and software listed are both easy to use and highly effective and, in my opinion, are the best free resources in their web category/area.

You will find more extensive lists than this but we have tried to weed out the junk and only recommend what we think are the single best and most useful web development resource in each area. Hope you enjoy.


We also recommend browsing www.freedesignstuff.net where they review and rate all the best free design resources from across the web in categories such as web, imagery, fonts, coding and more.

Google Account accounts.google.com/SignUp

Always create a Google account with your website to allow you to use YouTube, Google places, Google maps, Blogger, webmaster tools, Google analytics and more! SEO and tracking the SEO success of your website is only properly possible using the Google webmaster and analytics tools.


Online Photo Editor www.pixlr.com

In order to design a good, visually appealing website you need to use images and graphics and to edit,manipulate and resize these files you will need a Photo Editor. PhotoShop is the best and most renowned but is also very expensive. Pixlr offers a free solution with most of the same tools available in Photoshop.


Offline Photo Editor www.gimpshop.com

There's no question that Adobe Photoshop is excellent image editing software. But for those of us that can't afford up to seven hundred dollars or more to buy it, we now have the same image manipulation power at our fingertips as the high-priced, closed-source programs. In fact, with the release of 2.8, Gimpshop has become preferred software for photo & image editing among more professionals than ever. Layers, channels, masks, filters, levels, advanced pattern matching—the remarkable feature list of Gimp is equal to Photoshop in every way except one: the price.


Copyright Free Images www.pixabay.com

The online image stock exchange is getting larger thanks to great websites like the ones listed who give away quality images for free. You do need to create a free user account but it takes mere seconds and you don't get plagued with junk e-mail after, All they offer is a ridiculously large collection of quality, copyright free images.


Textures and Patterns www.textures.com

Textures.com is a website that offers digital pictures of all sorts of materials. We have pictures of fabrics, wood, metal, bricks, plastic, and many more. These images are called textures and can be used for graphic design, visual effects, in computer games and any other situation where you need a nice pattern or background image. You can download up to 15 images for free every day

RSS Feeds www.rssinclude.com

Integrate information from other websites, your own blog, Facebook, Twitter or YouTube directly into your website in an easily customisable widget.


Slideshows http://flickrit.com

Flickrit is a free slideshow maker that creates online photo slideshows from your Flickr and Instagram photos.


Galleries www.dynamicdrive.com

Dynmaic Drive offers a wide variety of free to use scripts but the most useful are their easy to use slideshows and image galleries. Some samples may not look the best but that is just the small uninteresting images being used.


Online Forms www.jotform.com

Jotform offers hundreds of form templates which can all be modified to suit your needs in terms of both content and style. From basic contact us forms to payment collections forms they have it all covered. you can also create a free user account to track all the form details and usage stats.


Create Favicon Icons www.favicon.cc

Ever wonder what the little image icons in the tab of your browser are called? or how they get there? Well they're called favicons and you can make your own with ease at www.favicon.cc by using their favicon editor or uploading an existing photo or graphic for conversion.

Visitor Comments www.htmlcommentbox.com

The HTML comment box is the simplest way to allows viewers to post comments about your web content on the website itself. Its a useful tools to get immediate feedback on an article and create a discussion place which keeps visitors returning to your website with the hassle of a full blown forum.


Newsletters mailchimp.com

Create automated newsletters for your business/website and allow visitors to signup online using Mail Chimps customisable signup widget. Users who sign up get added to your online database and once you create and send an e-mail or online newsletter it automatically gets sent to them all.


Code Validator validator.w3.org

Once you think you are finished the website or if you are just having trouble with an aspect of your web code you can use this validator. You can submit code as a file, as text or from a url and each time the code is checked and all errors are noted. Better still however - you can set an option to repair all code errors fro you too! Cool or what.


FTP filezilla-project.org

Filezilla is an open-source (GNU GPL) FTP client for Windows, Mac OS X and GNU/Linux. The Site contains a documentation wiki and a forum to help you get up to speed with using the software but to be honest it's pretty easy to use anyway.


Social Media Sharing www.addthis.com

Allow users to share your website info/articles with friends through social sites.


Converting Files www.online-convert.com

This free online file converter lets you convert media easy and fast from one format to another. We support a lot of different source formats, just try.


Website Templates 

We, along with our partners at Free Design Resources, have scoured the internet to create our very own list of where to get the best free web design templates. Huge collections of premium and free website templates across a range of web development platforms.



That concludes our list of recommended list of online web design and development resources but I will finish with an important reminder that one of the very best resources to assists you in creating a quality website is, and always will be, the web design process.

If you know of any more then please contact us via the form below and we might include them in our next list.



Monday, February 29, 2016

SEO For Images

SEO for images
Screenshot from the Google search results page


If your web graphics are optimized for Image search engines like Google they will help to generate an alternate source of traffic to your website. But unlike regular web search where we are more familiar with how search engines rank content, the rules associated with Image search rankings are very different and often based on assumptions.

Why do I say this ? Try a search for "Google" on Google Image Search. None of the top results show images from the actual Google websites or even associated websites. Now if you repeat the search for Amazon, none of the top 5 images displayed are from the official Amazon website. So how do individuals and small companies manage to stay ahead of corporate giants in Image search results? It's to do with image optimization techniques like the ones discussed below.

Regarding optimization, here are 6 simple things that you should keep in mind for getting good rankings in Google Images Search:

1. Image File Name

Use a descriptive image file name which includes keywords related to the content of the image. If your webpage has pictures of an old country farm house - use file names like 'old-country-farm-house.jpg' instead of the default camera file name like IMG_401.jpg. In this way you are providing relevant information about the image to Google rather than just a string of meaningless numbers or letters.


2. Alt and Title

Attach a 7-8 word description with both the ALT and TITLE attributes of the IMG tag. Make it a habit to use these attributes. An example could be...

<img src="old-country-house.jpg" alt="dilapidated old county farmhouse in countryside" title="country style farm house ageing and run down">

3. Discuss The Image

A short two line description of the image just beneath the graphic is the best way to describe an image. It can work wonders for your image search rankings as well. For a live example, read any news story on the BBC websiteThe HTML tags enclosing the image descriptions will also matter. A description alongside a heading enclosed in H3 or Bold tag will have more weight than the one with just a description enclosed in the paragraph tag.

4. Wrapping Text

If possible, try to wrap text around your images using the CSS code of "float", like the old country farmhouse image above. If you site design won't allow wrapping text or if the image is large in size, try to place the images near text that describes the context of your image. Web Photo Galleries which have no text on the page can make use of the Title and Meta tags to insert information about the images.

5. Image Position On Page

From personal observation Web Images placed at the top of the page are more likely to appear in search results than the ones which are at the bottom. They do not have to be at the very top of the page but certainly 'above the fold' images tend to perform better than those below the fold.

6. Image Size

Another personal observation is that images which are very large or very small tend not to do very well in the search results. Try to keep images at sizes which will be useful to others who may be looking for them. In my experience images around 600px x 400px tend to do well.


If you do decide to use some or all of these tips, please keep an eye on your image performance and let us know how you get on.


close
Banner iklan disini