Website Speed Increased

W3 total cache optimizing website to run faster by increasing increasing the server performance, reducing the download times and providing transparent content delivery network (CDN) integration.

With the help from this it help Aimee homepage to run and load faster than it initially was.

 

Before the site test on gtmetrix was 10 second to load. but it had increased to 7 second with the w3 total cache. I am still working on this process trying to cache the URL and other scripts to increase the speed.

BEFORE

AFTER

Yoast SEO

First I have gathered the information from Aimee site and use the description that can benefit Aimee and with keywords that can be easily recognise by her users.

• Aimee Farrell Courtney is a world champion Bodhran player and can provide group and individual bodhran lessons to all ages from beginners to advacanced players. Amy Farrell Courtney
• Our aim is to deliver top quality bodhrans in a wide range of sizes, providing the customer with great value for money

I should also keep in mind that I should considering using less Stopwords (a, the, of, for) because Google tend to pick shorter phrase out more because the( a,the,of,for ) get filter during the searching process.

Using yoast SEO lets me to maintain the meta description and add in keywords with ease. Simply by adding the description/keyword to individual pages. Not only it’s easy for me but it’s also easy for the client to navigate and use.

I have tried and avoid using descriptions that are too long otherwise Google will considering me as a cheater.

Media Query

With the feedback from the panel I needed to adjust the media query so that it may work on smaller resolution. By adding in a media query and set the logo CSS size to 75px. So that when the screen get smaller than 1200px it will reduce the size of the logo too so that it wont interfering with the navigation.

Before

After

Word press word fence

This is a popular used plugin that protects sites from hacker. Even though with the free version it still does offer protection and etc..

With the mode learning activate it let the plugin to learn more about the website and gets to understand it features before activate the firewall mode.

Website speed test statistic

The website had been tested using gtmetrix.com it lets me view all the statistic and let me know what cause the website to be slow. But overall the grade of the performance is pretty good. Below Is the full statistic of this.

Testimonial from client

“Le proved to be a great help in rebranding my website. It was quite obvious that he researched my business and also others in my field to get a clear picture of what I needed and the task in hand. He was willing and cooperative with meetings in the lead up to the design. Le brought lots of new ideas to the table which were fresh and accessible for my business. With the continuous development of the rebranding and website I trusted Le’s opinion on certain topics of the design and layout. On the other hand, he allowed me to change particular elements to suit my line of business and desired finish. This is a great quality when dealing with a multidisciplinary business.”

WOO – Commerce Sandbox Paypal Testing

Before the site go live. I need to test wither the transaction on the site work or not. At first I was clueless because I have no experience in doing these things, but with the help from researches around Google I was able to understand how it work.

First I needed to activate the sandbox mode through woo-commerce setting. Then I need to set up a developer account within paypal.sandbox.com what this do is that it lets me have a virtual Paypal with virtual money where I can spend on site that have Paypal sand box mode activated. And that’s not all. I also needed to use different email from the email I had initially used for Aimee site. to test the wither if the email can go in or not.

The test was a successful and nothing seems to be wrong. So I contacted Aimee for the Api credential, after completing with that process I then inserting her real email onto the site. For the test I’ve bough a product using real paypal account (sandbox must be deactivate) to see the products and the price go through and the result was a success it did go through into her paypal.

 

Booking Form

Booking form seems to work well, but it does not have a guide to help the users to identify what the colours does. and because of this I have to add in a colour legend that tells what the colours mean and with a clear instruction to guide the users through the booking process.

Booking Form

This is a fairly simple booking form for the users and the client to use. all the users need to do is select the date that they want to book. and fill in their details.

 

Then the client can review the booking at the dash menu, where she will be able to approval the booking or decline the booking. which is fairly simple, she can also see the persona details of the person without having to click into

Website Social Media Adjustment

 

Social media links. As you can see above the option available on the salient are for share the page to social network not linking it to the actual network. and I can’t seem to find a way around the option so To manipulate the original HTML files in a way that it does not share the page but instead go to it.

I added in a section call Raw HTML where I can add in my custom HTML to the way I see fit.

These are the original code from the theme where I’ve manipulated it. as you can see it there that I took out the class element and leave the href there. this way it will just link straight into the URL that I have provided inside the href. The reason it doesn’t work because the class is a fix present that the theme create and as long as that class remain there it will always share the page.

And here are the result. the top one are for share and the bottom one is to go to. there is some minor error but It will be fix.