Website Performance Tips: Five (5) Ways To Optimize Images

Posted on October 28, 2013. Filed under: website performance tips | Tags: , , |

If you are familiar with online tools that assess the performance of a website, you’ll notice that image is one of the determining factors that create a huge impact to its loading time. Google PageSpeed Insights for one, includes Image Optimization as one of its major requirements among other rules such as removing landing page redirects, leveraging on browser’s caching and minifying CSS/HTML/Javascript deliveries just to name a few.

ways ways waysHow To Optimize Images To Improve Load Speed

Give your visitors an excellent user experience (UX) by resolving delay issues on your pages. Here are five (5) ways to optimize your pictures.

  1. Apply the correct format. You have at least four popular formats to choose from during the web design stage. Stir away from BMPs and TIFFs. Use PNGs for transparency purposes and if you do not intend them to be displayed on mobile devices. Save as JPGs if your photos have millions of colors and if you need photographic images. If your graphic is less than 10×10 pixels or your palette is composed of less than 3 colors, opt for GIFs instead. You can also go for the latter if your photo is animated.
  1. Resize. Learn to scale them down based on their usage on your site. Crop the excess corners and extraneous background as necessary. Ensure that all pictures are resized to the exact dimension to save digital resources. If it is essential to have both big and small versions of them, do not shrink the large ones through your source codes. Create a second copy for smaller graphics, e.g. thumbnails, and provide an option to view the larger ones in a pop up format or a separate tab or window.
  1. Compress. If you’re using Photoshop on your web design tasks, select the option “Save for web” with 70% as standard quality. Otherwise, there are some online compressors that you can check out to help you with the compression.
  1. Specify the width and length during coding. Similar to how alt tags are applied to improve global and Philippine SEO rankings, putting in the dimensions in the properties can enhance the speed of your page as well. Example:

<img src = “my-picture.jpg” height=”200” width=”350” />

  1. Use CSS Sprites. Combine multiple icons into one graphic – i.e. backgrounds, corners and menu items. Define each picture based on their exact pixel position through CSS and reference them correctly on the body.
Read Full Post | Make a Comment ( 1 so far )

SEO Audit Checklist: 20 Tasks that every website owner shouldn’t forget about

Posted on April 2, 2013. Filed under: seo | Tags: |

How your website ranks in major search engines plays an significant role in gaining potential clients for your business. It is then important to conduct a complete SEO audit and identify the obstacles that keep your site from reaching the top results or the opportunities to improve performance.

Here are twenty (20) best practices to ensure that you’re meeting the top SEO requirements.

seo-audit-infographic

Read Full Post | Make a Comment ( None so far )

Guide To Starting A Multiply Shop

Posted on March 22, 2013. Filed under: seo, seo training | Tags: , |

One of the most popular entrepreneurial endeavors online is by starting an online shop. With the growth in the number of people starting their own online shop, it is not surprising that there are now millions of online shops that sell a wide variety of products.

There are some people who choose to start their own online shop by building a website from scratch. This gives them free reign over how they want their site to be and then they rely on word of mouth, social media marketing, or they turn to companies that specialize in SEO in the Philippines. Some of these online store owners do almost everything by themselves, including all the administrative work associated with their shop and sometimes, even undergoing SEO training so they can manage their websites as well.

However, the easier route that most people take when starting an online shop is to open one in sites such as Ebay, Alibaba, and Multiply. Among all three, you can get more leeway in Multiply when it comes to design and style. Below is a guide to help you start your own multiply shop.

  • Choose what you want to sell. The first thing you have to do is to choose what product you want to sell. Do you want to specialize on just a single type of product or do you want to offer a variety of products that are similar to each other?
  • Choose a catchy name. Next, choose a name for your store. Make it catchy, unique, and easy to remember. It is a good idea to keep the name short so that people will find it easier to remember.
  • Keep a simple design. The good thing with Multiply is you can easily design how you want your store page to look like. The key is to keep it attractive yet simple at the same time. Remember that your store visitor should be focusing on your products and not on the design of your page.
  • Give accurate descriptions. To maintain good relations with your customers and keep a high level of customer satisfaction, ensure that all descriptions in your online store are as accurate as possible. Never mislead your customers when it comes to describing your products.
  • Use excellent pictures. Having pictures of your products that are of excellent quality is crucial in providing your customers with an enjoyable shopping experience. These images will help them visualize the product more clearly.
Read Full Post | Make a Comment ( None so far )

Mobile Optimization: How To Make Your Existing Website Mobile-friendly

Posted on March 4, 2013. Filed under: seo | Tags: , , |

Now that you have a fair idea of the differences among Responsive Design vs Mobile Site vs Mobile App, let’s proceed to the next stage which is to make your site engaging to the consumers who utilize mobile phones. Read on to learn more.

Mobile-Friendly vs Mobile-Optimized.

Mobile-friendly shows the site exactly the same as how it is shown on desktop or a handheld phone. Although it is viewable on the latter, it is not truly optimized because the viewer has to pinch-to-zoom or scroll left, right, up or down to view everything. Mobile-optimized, on the other hand, is specifically designed for phones and tablets. This is like the second version of your main website, only, it is more condensed in terms content and graphics.

You can choose to maintain your current and modify to turn it mobile-friendly or opt to create a second copy mainly intended for smartphones. Whichever it is, below are seven (7) tips to achieve your goal – that is, to reach out to the mobile client.

  1. Mobile compliance. Check if your website is already mobile-compliant. You can either test how it looks in different gadgets or try a web tool to receive recommendations. A good tool is Gomometer by Google.
  1. Platform.
  • Compatibility. If you have plans to revamp such as employ a web design professional in the Philippines, consider a platform that is compatible to mobile. If you’re using WordPress, either apply a responsive theme or install a WPtouch plugin.
    • Technology. As much as possible, do not use Java as it loads a lot of codes. Flash is a big NO as Apple products do not support them. Stick to the HTML-based or CSS.
  1. Design and Layout. Take note of the following.
  • Screen. Study the range and size of various screens so that UX (user experience) won’t be compromised.
  • Navigation. Simplicity is beauty! Not too complicated, keep them large and easy to navigate with both via web and mobile.
  • Buttons. Follow the size of an average finger tip, at least 40px.
  • Small graphics. Stick to slideshows and image rotators that function without Flash.
  1. Content.
  • Key information. Focus on the chief content then de-prioritize those that are not.
  • Minimum typing. If you opted on a mobile-optimized site, maximize drop down menu and check box when user is asked to enter data. If you have a search bar, instead of letting your visitors type in the words, show the top 5 results where they would just click on the checkbox next to the most searched word.
  1. Call to Action.
  • Text-based contact information.
  • Address. Have an extra button that will link to the directions app
  • Phone numbers. Add a link that can easily direct the visitor to make a call simply by clicking on the number.
  • No to pop-up windows.
  1. Loading speed. One of the most integral factors to consider is how fast your website loads on a mobile phone. Design with small images and program with not too many scripts to improve load speed.
  1. SEO/Search Engine Optimization.
  • Mobile Sitemap. Just like the regular SEO web practices in the Philippines and around the globe where you normally include a sitemap for Google robots to read, a mobile sitemap is important too for mobile search engine index.
  • Mobile redirects. Code with mobile redirects so it will automatically redirect to the correct site based on the device you used. Always give the reader an option to go to the web version.

Learn how to market your mobile website on the next post.

Read Full Post | Make a Comment ( 1 so far )

Guide On How To Make A Link Wheel

Posted on February 6, 2013. Filed under: linkwheel, seo | Tags: , , , , |

There are many different strategies used by SEO Philippines companiesto help increase a website’s search engine rankings and visibility. One of these strategies is by using a link wheel. A link wheel is a strategy wherein different web 2.0 sites create a path linking to each other. The end goal is to link to the website which you are aiming to promote.

seo-link-wheel1

Just like when you are link building, another popular SEO strategy, it is most beneficial if your link wheel involves good websites with high search engine rankings and quality content. Making a link wheel does not require hiring an SEO in manila company. It is possible to make a link wheel on your own. Below is a quick guide to help you build a link wheel.

  1. Determine your keywords. The first step is to determine the keywords that you want to use. Consequently, these will determine how your pages will link together.
  2. Choose your web 2.0 sites. Decide on how many pages or websites will be in your link wheel. Afterwards, choose the web 2.0 sites where you will post your content. Some good websites that you can choose from are Blogger, WordPress, Squidoo, Blog.com, Tumbler, and LiveJournal, among others.
  3. Create good quality content. It is very important to have good quality content to hold the links to your link wheel. The trick is in placing the keywords seamlessly into your content. Plan how each article will link to your main website and to another website in your link wheel. Each article should have a keyword linking to the website you are promoting and another keyword linking to another web 2.0 site.
  4. Post your content. After you have written all the articles, post your content in each web 2.0 site. There is no limit to the number of websites you want to include in your link wheel. Just make sure that all links are good and working fine.
Read Full Post | Make a Comment ( None so far )

Liked it here?
Why not try sites on the blogroll...