Scribd
Upload
80 views

Problem and S PDF

The document outlines 10 problems found on the studyfashion website and provides solutions to each problem. The problems include missing alt text on images, use of inline CSS, lack of Google Analytics script, missing favicon, large page size, slow loading time, not serving resources from CDNs, lack of media queries, lack of HTML microdata, and no custom 404 page. The solutions provided recommend fixing each issue, such as adding alt text, moving CSS to external stylesheets, adding Google Analytics code, including a favicon, reducing page size by compressing files and images, optimizing page speed, using a CDN, implementing responsive design with media queries, adding HTML microdata, and creating a custom 404 error page.

Uploaded by

Sugar Land
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
80 views

Problem and S PDF

The document outlines 10 problems found on the studyfashion website and provides solutions to each problem. The problems include missing alt text on images, use of inline CSS, lack of Google Analytics script, missing favicon, large page size, slow loading time, not serving resources from CDNs, lack of media queries, lack of HTML microdata, and no custom 404 page. The solutions provided recommend fixing each issue, such as adding alt text, moving CSS to external stylesheets, adding Google Analytics code, including a favicon, reducing page size by compressing files and images, optimizing page speed, using a CDN, implementing responsive design with media queries, adding HTML microdata, and creating a custom 404 error page.

Uploaded by

Sugar Land
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Problems and solutions for studyfashion website

( some of these problem require a programmer)


1_Your webpage is using "img" tags with empty or missing "alt" attribute

HOW TO FIX

In order to pass this test you must add an alt attribute to every <img> tag used into your webpage. An
image with an alternate text specified is inserted using the following HTML line

2_ Your webpage is using inline CSS styles!

HOW TO FIX

It is a good practice to move all the inline CSS rules into an external file in order to make your page
"lighter" in weight and decrease the code to text ratio. check the HTML code of your page and identify
all style attributes for each style attribute found you must properly move all declarations in the external
CSS file and remove the style attribute

3_A Google Analytics script is not detected on this page. While there are several tools available to
monitor your site's visitors and traffic sources, Google Analytics is a free, commonly recommended
program to help diagnose potential SEO issues

HOW TO FIX

In order to pass this test you must create an account on Google Analytics site and insert into your page a
small javascript tracking code.

4_Your site either doesn't have a favicon or this has not been referenced correctly

HOW TO FIX

To add a favicon to your site, you need to have your logo created in a 16x16 PNG, GIF or ICO image and
uploaded to your web server. Then it's simply a matter of adding the following code into the header of
your HTML code for your web pages
5_ The size of your webpage's HTML is 109.27 Kb, and is greater than the average size of 33 Kb. This can
lead to slower loading times, lost visitors, and decreased revenue. Good steps to reduce HTML size
include: using HTML compression, CSS layouts, external style sheets, and moving javascript to external
files.

HOW TO FIX

In order to resolve this problem you are advised to: use gzip compression move all CSS style rules into a
single, external and minified CSS file minify all JS files and, if possible, try combining them into a single
external JS file
6_ Your website loading time is around 8.5 seconds and is over the average loading speed which is 5
seconds.

HOW TO FIX

In order to resolve this problem you are advised to: Minimize HTTP requests

Use Gzip compression

Use HTTP caching

Move all CSS style rules into a single, external and minified CSS file

Minify all JS files and, if possible, try combining them into a single external JS file

Include external CSS files before external JS files

Place your JS scripts at the bottom of your page

Optimize images

Reduce redirects

Reduce the number of plug-ins

7_ Your webpage is not serving all resources (images, javascript and css) from CDNs

HOW TO FIX

In order to pass this test you are advised to use a CDN service. A Content Delivery Network (CDN) is a
globally distributed network of web servers that allows a quick transfer of assets and provides high
availability and high performance. The primary benefits of using a CDN service are:

Improving website loading times

Reducing bandwidth costs

Increasing content availability and redundancy

Improving website security

8_Your website is not using media queries. You should consider using this technique in order to
implement responsive design functionalities.

HOW TO FIX

Media queries allow you to style elements for specific devices (smartphones, tablets, desktop
computers) by using attributes like width, height, resolution, aspect ratio, orientation or color. By using
media queries, presentations can be tailored to a specific range of output devices without changing the
content itself.

9_Your webpage doesn't take the advantages of HTML Microdata specifications in order to markup
structured data. View Google's guide for getting started with microdata.

HOW TO FIX

HTML5 Microdata is an easy way to add semantic markup to your web pages. Search engines rely on this
markup to improve the display of search results, making it easier for people to find the right web pages.
Here is a simple example of how to use HTML5 microdata in your contact web page

10_ Your website is not using a custom 404 error page

HOW TO FIX

Creating a custom 404 error page can be relatively simple or more complicated, depending on what
technologies were used to build your website (your web server, framework used, et

You might also like