Question

I want to create TOP TOP optimized site(s) as I am a web designer.

Can you please share with me some:

• Tips
• Online/Offline tools
• Resources
• Books
• Videos
• Tutorials
• Courses
• Useful sites
• Plugins
• Components
• ...and other stuff which you use

So they will help me achieve my goal?

I really, really want to become top-notch web developer and provide trully professional web designing services to my clients! :-)

Thank you!

Answer 1

Here is one page (SOURCE) - very, very nice about your topic:

Many successful websites, have applied these principles to build an empire:

• Instant gratification. Give visitors value within 5 seconds of arriving at your site.
• The Web is about words. Write good copy, check spelling, label fields and buttons clearly.
• Users hate waiting. Optimize, compress, cache. Do whatever it takes to achieve speed.
• Build for search. Search rankings will make or break any new website.
• Content is king. You can't fake good content. Create it, buy it, or automate its production.
• Remove barriers. Visitors are selfish and goal-oriented. Give them no reason to leave.
• Feedback is gold. Collect it, analyze it, act on it. Be humble. You don't know best.
• Measure everything. Integrate deep analytics. Constantly test alternatives.

Answer 2

The book  High Performance Web Sites - Essential Knowledge for Front-End Engineers by Steve Souders is gold!

Although a bit old (2007) there are still very useful tips and suggestions which still work nowadays! :-)

Here is a link to it

Answer 3

Always use Validator to clean up your code! It is crucial especially when it comes to big branded web-sites with perfect code! I always check my code, validate it and clean the mess after the developers of the themes/templates! :-)

Answer 4

Make sure to optimize the speed of your web site!

Fast-loading web-site is a MUST!

Here are some websites I use to rocket my web projects:

• GTMetrix
• PingDom Tools

and of course:

• Google's PageSpeed Insights

Good luck with your optimization dude!

Answer 5

Test your sites whether they are responsive and mobile friendly.

I use 2 nice, easy to navigate and use tools:

Mobile-Friendly Test by Google

Quirktools

>> And you can also use the build-in Google console to check whether your site is responsive - just press F12 and it will show up!

Answer 6

Use this site: http://www.siteliner.com to search for duplicate content, broken links, issues, load time, etc. and compare the results with other sites. Good site with clean interface.

Also I would suggest woorank: https://www.woorank.com/ - but woorank is with slightly different purpose...

Answer 7

To optimize your onpage for seo you have to follow the following steps:

301 redirection
Link consistency
nofollow attributes
Meta Title
Meta Description
H1 tags
Content
Image alt tag.