how to build an efficient website
TRANSCRIPT
![Page 1: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/1.jpg)
HOW TO
BUILD AN EFFICIENT WEBSITE
By
![Page 2: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/2.jpg)
You will see how simple and easy it is.
You have to be simple and help the user to do what you want.
![Page 3: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/3.jpg)
Millions of people
search the web
everyday.
![Page 4: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/4.jpg)
Weekly hours spent on media
Source: EIAA Mediascope Europe / Media consumption study 2008
Online i
n EU
![Page 5: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/5.jpg)
You can have great results for your business using the internet.
But this will require you to do it well. If you do it correctly, the rewards will be
surprisingly.
![Page 6: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/6.jpg)
You need to define the idea of what you plan to accomplish by creating your
website.
Remember this: Your purpose largely determines the look and feel of your
website, as well as how you will promote it.
![Page 7: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/7.jpg)
You want to make your site show up in the search engines, preferably on page
one and at the same time you want your site to be aimed by your visitors, you
want they stay on it for as long as possible and accomplish your goal.
![Page 8: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/8.jpg)
Let’s get started…
![Page 9: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/9.jpg)
Define the purpose of building your website and online presence.
Once you define it, you can start…
![Page 10: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/10.jpg)
Purpose Structure Functionalities Usability Design Content Accessibility Search Engine Optimization Google Analytics
Take
care
of..
![Page 11: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/11.jpg)
Purpose
Take
care
of..
-Be sure that your website is serving your purpose.
-Don’t create a presentation website if you want to sell online. Make an
ecommerce one.
![Page 12: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/12.jpg)
Structure
Take
care
of..
-Make the structure of the website before you start to design it: layout
planning-wireframe.
-You should know exactly what your website will contains.
-With the structure already done, the designer will know what should
be revealed.
-In the structure you’ll define the categories and the designer will know
exactly how to design the whole website.
![Page 13: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/13.jpg)
Functionalities
Take
care
of..
-Features of a property website. Examples:
-Calls2action-registration and latest deals
-Search results from property database
-Search button on every page
-Log-in
-Newsletter form
![Page 14: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/14.jpg)
Usability
Take
care
of..
-What your site does for the user and for your business
![Page 15: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/15.jpg)
-How intuitive is for the user to use the website for serving his purpose?-Are they satisfied by the process?-How easy he can learn to use the frontend that he never saw it in the
past for accomplish the basics needs?-How easy he can finish the required activities on the website?-How many errors he’s doing?-How friendly is to use the design?
Usabilit
y
![Page 16: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/16.jpg)
We measure the usability by the conversion rate: how many visitors are converted into clients.
Average conversion rate: 2% For website with good usability: 16%
Usabilit
y
![Page 17: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/17.jpg)
Don’t make your visitors think, make them DO!
• Call2Action
• Colors
• Text
• User friendly navigation
• Check the links errors
• Different browsers compatibility and different resolutions
Usabilit
y
![Page 18: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/18.jpg)
Usabilit
y-des
ign
![Page 19: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/19.jpg)
Even if it’s hard, we will help you!
Usabilit
y-tex
t
![Page 20: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/20.jpg)
You’ll go up, just if we let you!
Usabilit
y-tex
t
![Page 21: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/21.jpg)
Define what users should do on your website and involve them.
Usabilit
y-call
2action
![Page 22: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/22.jpg)
Positioning /Colours /Dimension
Usabilit
y-call
2action
![Page 23: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/23.jpg)
Usabilit
y-call
2action
![Page 24: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/24.jpg)
Usabilit
y-call
2action
![Page 25: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/25.jpg)
1. Simple and intuitive
2. Maximum 2 clicks to each page
3. Don’t make them guess where you send them
Usabilit
y-nav
igation
![Page 26: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/26.jpg)
Design
Take
care
of..
-First impression counts a lot.
-Design it depending on:
-Who is your audience?
-What are their demographics?
-How will they use the website?
-What technology to they have?
![Page 27: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/27.jpg)
Content
Take
care
of..
-What your site says to the user-Talk on their language.
-Drive them where you want.
-Use call2action.
-And search engines-Write it in order to help you for search engine optimization
![Page 28: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/28.jpg)
Accessibility
Take
care
of..
-Risk of excluding large audience: 14% of the population registered
disabled
-Accessible sites work better in less popular browsers/platforms/sizes
-Accessible websites are more search engine friendly
![Page 29: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/29.jpg)
Search Engine Optimization
Take
care
of..
-How is the design, functionality & content influence visibility in the
search engines:
-Design
-Functionality
-Content
![Page 30: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/30.jpg)
Search Engine Optimization
Take
care
of..
-Design-Images can’t be indexed
-Certain technologies such as Flash, Frames and Java Script can’t be indexed
-Design can limit the space for optimized text, or too much text can spoil the
design
![Page 31: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/31.jpg)
Search Engine Optimization
Take
care
of..
-Functionality
-Certain database functionality such as dynamic url-s, ecommerce sites
and some content management systems can’t be indexed
![Page 32: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/32.jpg)
Search Engine Optimization
Take
care
of..
-Content-Amount, structure and keyphrases with the content (on-page factors) all have significant
influence on positions achieved for keyphrases used by searcher
-Content consists of the visible content (ie elements seen by the user) and the content in
the code and tags (meta-data) both are important for search engine optimization
-Search engine optimization is the process that improve its rankings in search engines for
the keyphrases used by customers.
![Page 33: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/33.jpg)
Google Analytics
Take
care
of..
-Get free matrix from Google
![Page 34: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/34.jpg)
34
Analytics
It offers information about the users behavior on your website, including what’s their impression about it, what they’ve done on it and if they served your
purpose.
![Page 35: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/35.jpg)
<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try {var pageTracker = _gat._getTracker("UA-xxxxxxx-x");pageTracker._trackPageview();} catch(err) {}</script>
Unique ID
We integrate a JavaScript cod on each page we want to monitor:
Analytics
![Page 36: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/36.jpg)
Visitors
Traffic sources
Content
Analytics
GoalsEcommerce
![Page 37: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/37.jpg)
Comparing with past period
Analytics
![Page 38: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/38.jpg)
Analytics
![Page 39: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/39.jpg)
Analytics
![Page 40: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/40.jpg)
Analytics
![Page 41: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/41.jpg)
Analytics
![Page 42: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/42.jpg)
Analytics
![Page 43: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/43.jpg)
Analytics
![Page 44: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/44.jpg)
ecommerceAnaly
tics
![Page 45: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/45.jpg)
ecommerceAnaly
tics
![Page 46: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/46.jpg)
Most people have the wrong image of themselves (and their website)
![Page 47: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/47.jpg)
47
Who should decide?
Creation
Director
IT
Webmaster
Design
MarketingThe users of the website!
![Page 48: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/48.jpg)
-How we can we know we will do it right for serving our purpose?
-Very simple! Use Google Website Optimizer.
![Page 49: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/49.jpg)
WEBSITE OPTIMIZER
![Page 50: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/50.jpg)
50
Web
site O
ptimizer
Test it and keep the right version!
![Page 51: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/51.jpg)
51
Is our site performing now?
Find out using Google Analytics tool!
![Page 52: How to build an efficient website](https://reader038.vdocuments.site/reader038/viewer/2022103000/555a81e6d8b42abb628b4b9a/html5/thumbnails/52.jpg)
We hope you enjoyed our presentation!