Please enable JavaScript.

Coggle requires JavaScript to display documents.

Website Optimization - Coggle Diagram

- - - - Coupons/Discount codes
      - Free Shipping
      - Cart Abandonment Emails
      - Product Filters
      - Merchandising
      - Trust Signals (For example, DCMA verified, Bộ công thương)
      - Sales Promotions
      - Guest Checkout
      - Progess bars in checkout
    - - Simple forms
      - Automated Email
      - Offering different Lead Magnets for different Customer Personas
      - Offering multiple web forms and conversion points throughout the website
    - - Retargeting
      - Improved pagespeed
      - Live chat
      - Secure https websites
      - Site search
      - Customer reviews and testimonials
      - FAQs (Frequently Asked Questions)
- - - - Accessibility: The website is easy for any user to use including those with vision or mobility issues
      - Clarity: The website is easy to understand - it has clear purpose.
      - Learnability: The website provides valuable information that answer the user's query or need.
      - Credibility: The website use reliable information from reputable source to educate user or prove its point.
      - Relevancy: The website layout and content are kept up-to dates, using best practice
    - - User Interface (UI): is the website itself. Anything interactive, such as clickable links, forms, navigation, CTA etc. Are part of user interface.
      - User Experience (UX): is defined as a person's perceptions and responses resulting from the use and/or anticipated use of a product, system, and advice.
        It simpler terms, it's how someone feels when they interact with your website, from clicking on a page to filling out a form.
      - Benefits of UX/UI optimization, in particular:
        
        Creating a positive affinity towards your brand
        
        Getting higher preference in search results
        
        Creating a good design experience accross devices
        
        Catering for more visitors
        
        Updating and maintaining the website
    - - Better visibility: Makes it easier for search engines to crawl the sites for better indexing.This leads to better visibility in search result and SEO.
      - Lower Bounce rate: Increse a mount of time people spend on your site and lower bounce rate. Because they are easily find what are looking for.
      - Increase traffic: Drives more traffic and clicks to inner pages on the website.
    - - Responsive website
        
        A responsive website design is formatted to its ideal fit for the screen it is on. It is important to note that most of the Wordpress themes are responsive. If they are responsive themes, that means that it is all one version of your site and it just automatically adjusts to fit the screen that the user is accessing the website from.
      - Mobile-focused CTAs
        
        With the help of a web developer, you can ensure that your CTAs are focused on mobile and desktop users differently.
        
        For example: If you are looking to book a restaurant while on your phone, you will look at reviews, maps and phone numbers on the website.
      - Mobile-friendly website
        
        A mobile-friendly website is a different version of your website that shown to mobile users. It is hosted on subdomain of your site
      - Desktop-focused CTAs
        
        On the other hand, if you are using a desktop, you might want to look at reservations or menus. Web developer can alter CTA depending on the device the person uses so you can give them a better experience based on their needs.
      - Content
        
        Content is another area in which website optimization and SEO work well together. When you are thinking about how to display the content, think about what your target audience is going to be looking for on their phone and make sure that information is at the top and easy to access.
      - Mobile first
        
        Website are not easy to navigate on mobile devices may not be shown to the users in mobile search results.
        
        Since the internet is now accessed more on mobile phones than desktop computers. Google has moved to the mobile-first index it announced years previously.
        
        This index prefers website that are optimized for mobile-first, and has led to greater push for designers, developers, and SEO-ers to creative responsive websites that are easy to use on any device.
    - - Slow checkout process: Your checkout process needs to be as fast and simple as possible. If the conversion process isn't quick, easy, and simple, then users are much more likely to exit before the conversion stage.
      - Unclear benefits to converting: Users need to know why it's in their interest to convert or make a purchase from your company. If the information is too confusing then they're less likely to make a purchase.
      - Confusing navigation: If users doesn't know where to find the information or product that they are looking for, they are likely to get frustrated and leave website. What's required is better navigation.
      - Slow website: Because users lead increasingly busy lives, it's important to have a fast website that avoids creating delays or frustration. If website content doesn’t load quickly, users are much more likely to leave
  - - - Bounce Rate: The percentage of visitors who leave after only looking at one page.
      - Visitor Behaviour: Total number of New Returning visitors.
      - Average Time on Site: The average length of time a visitor spends on your website.
      - Goals Completed: Purchases, Leads, Newsletter Sign-ups .
      - Page per session: The average number of pages a user visits on your website.
      - Conversion Rate: The percentage of visitors who complete a goal on your website
      - Session: Session is account of times a user has actively engaged with your website during specific period.
      - Transactions and Revenue: The total number of completed transactions and resulting revenue generated on your website
      - Cart Abandonment Rate: The percentage of people who start the checkout process but don't complete it for whatever reason.
      - Users: The number of unique visitor to your site.
    - - Ask a friend to review
        
        Ask a colleague or friend to go on the site and try to accurately complete a task, like filling out a form,purchasing something or navigating to fine specific page. Ask them that do they get confused? It is easy to use? What other honest feedback do they give to you?
      - Test regulary
        
        You should test regulary to check if the website is viewable and accessible from a variety of different devices, including iOS and Android phones, tablet devices, and different computer (Mac and PC)
        
        Responsive
        
        Mobile-focused CTAs
        
        Desktop-focused CTAs
      - Use website Analytics Tools
        
        You can use website analytics tools to evalute whether the site hitting its metrics goals of, for example, E-commerce transactions, leads generation or great content engagement.
        
        Facebook Pixel
        
        Google Analytics
        
        Google Search Console
        
        Hotjar Heatmap
        
        Adobe Analytics
        
        Microsoft Clarity
      - Check again
        
        Finally, it might seem obvious, but check again to make sure all the essential information and core pages are included on the site. Ask yourself some obvious question and make sure they answered in the FAQs.
    - - Many different element can be A/B tested:
        
        Headlines
        
        Graphics, images and banner
        
        CTA (Call to action)
        
        Wording of content on landing pages
        
        Type of promotion or offer
      - Tool
        
        Google Optimize
        
        AB Tasty
        
        Optimizely
        
        Hubspot
        
        Crazy Egg
        
        VWO AB Testing
      - Principle of A/B testing: is when you compare two different versions of a website element to determine which one drives more clicks, conversion, and engagment form users.
        Anything that a user is seeing can be A/B tested, from colors to images, CTAs to contact forms. Think about what could impact their experience and then do a test on it
      - Process of A/B Testing:
        
        Pick one element on your page to test, like the page layout or a campaign offer.
        
        Choose the specific metric you will use to determine success, for example "to increase conversion by 5%".
        
        Set a time limit for the test, for example, 3 weeks.
        
        Set up your original page and your test page in your A/B testing tool.
        
        Split your sample groups equally and randomly.
        
        Detemine your sample size.
        
        Notes: It's important to only test one element at the time. A/B testing can be ineffective if too manny tests are running at once: running move more than A/B test on a website doesn't give your clear picture of what acctually worked
- - - - Cloud hosting
      - SEO hosting
      - VPS
      - Dedicate server
    - - HTML (Hyper text markup language)
      - CSS (Cascading Style Sheets)
      - JS (Javascript)
      - PHP ( Hypertext Preprocessor)
    - - http (Hypertext Transfer Protocol)
      - https (Hypertext Transfer Protocol secure)
      - tcp (Transmit Control Protocol)
  - - - Allows companies to sell their products directly to website visitors online.
        Example: www.tiki.vn
      - Main Objective: Visitors can browse products, read through benefits and features, and purchase items by paying online with a credit card or other payment method
    - - Allows companies to collect contact details from people they might like to do business with.
        Example: https://hoconline.cleveracademy.vn
      - Main objective: Visitors don't purchase directly on the site but they can learn about a company and its offering by reading through their content and product/service information.
    - - Allows companies to collect contact details from people they might like to do business with.
        Example: www.mypoorbrain.com
      - Main objective: Visitors can browse content and enter their contact details into a web form on the website in return for something from the company. This is called a lead magnet.
    - - Provide a better user experience, where the site visitor has an enjoyable reaction to using the website, feels comfortable and it is not frustrated
      - Encourage higher numbers of return visits by people coming back to the website
      - Increase the average time spent by user on a website or web page
      - Build the positive brand affinity - ensuring people feel positive towards the brand or company
      - Increase the total number of users, or the number of unique visitors to a website
      - Enhance customer experience (known as CX). Going beyond just the website experience, this refers to the cumulative overall feelings an end-user has of the company after multiple interactions over a longer period
  - - - Navigation
      - Page titles
      - Page headers
      - Body copy/ text
      - Call to action (CTA)
      - Hero image
      - Video audio and images
      - Web form
      - Popup
    - - Main page
        
        Homepage
        
        Product page
        
        Product categories page
        
        Shopping cart
        
        Checkout
        
        Lead collection webpages and web form
        
        Payment gateway
        
        Wishlist page
        
        About page
        
        Contact page
      - Supporting page
        
        Blogs
        
        News
        
        FAQs
        
        Testimonial
        
        Cookies and privacy policy
        
        Term and conditions
        
        Thank you/purcharse confirmation
        
        404 error page not found
- - - - Silo Page
      - Topic clubster
    - - Dimension
      - Alt (Alternative text)
    - - Canonical URL
      - Relevant keywords cluster
      - URL format
      - Meta description tags
      - Titles tags
      - Robot.txt
      - XML Sitemap
      - Schema
- - - - Easier to create content and build a website without needing to write all the code from scratch.
      - Low budget, faster start and development time if your project generally fits in what the CMS provides.
      - Backed up by community, meaning that new features, bugfixes, support, tutorials, etc.. will be provided to you free of charge.
      - Security is something that you do not need to worry that mush as a custom app.
    - - If your requirements are very specific, you will need to override the default workflow of the system; in some cases this can be tricky and will make you spend more time than to write your own.
      - Perfomance - a ready made CMS will rarely be as fast as a custom made application.
      - Not suitable for every large website
      - Redundant code in modules/plugins
  - - - Freedom to do anything you want.
      - App design is made especially for the project you are working on - so there is no redundant code.
      - It's up to you to define the structure and the logic of the application.
    - - Extremely high budget - in most cases you/your client will need much more money for custom app.
      - Futher maintenance will be harder.
      - Changes and modification of the structure can be very time-consuming.
      - Suitable for most large website, especially some of website that has a numerous amount of traffic per day.
- - - - Assemble the project team and business owners on a daily basis throughout the project.
      - Harness change for a competitive advantage.
      - Recognize that the best work emerges from self-organized teams
      - Have a team reflect at regular intervals on how to become more effective, and then tune adjust behavior accordingly.
      - Break big works down into smaller tasks that can be completed quickly.