how to build a website in 30mins · 2020-05-18 · custom html and xml sitemaps, create optimized...

23
How to build a Website in 30mins

Upload: others

Post on 25-Jun-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

How to build a Website in 30mins

Page 2: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

We provide best SEO practices WordPress Website with dedicated WordPress Management & Maintenance, client from SME to GLC to Stage Government, from Malaysia to International.I’m also core organiser for WordCamp KL 2019, co-organiser for WordPress meet-up Penang & Elementor meet-up Penang. Admin & Moderator for the web-related Facebook group.visit our website ulement.com for more information

Page 3: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

How to build a Website in 30mins

Page 4: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

WordPress is most popular content management system  to create website. In fact, WordPress powers 36% of all the websites on the Internet. There

are more than 27 millions WordPress website worldwide, more than 20,000 WordPress website in Malaysia.

At here we will use WordPress.org, not WordPress.com

What is WordPressBefore We Start

Page 5: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

1. Is Free, Open-Source & always up-to-date up latest trends;2. Easy to learn with huge community;

3. Easy to scale up / expand with themes & plugins;4. SEO Friendly & Google love it;

5. Do not lock down like WIX / SquareSpace

Why use WordPress5 reasons

Page 6: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Domain and HostingSteps 1

Basic WordPress SetupSteps 2

Install DemoSteps 3

Edit ContentSteps 4

4 Easy Steps

Page 7: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

What is web hosting? Web hosting is the place to your website files live, is like your house where your website live.

What is domain name?Domain name is address that people type in the browser to go to your website. Web hosting is your house & domain name will be your address for the visitor to visit you. For better SEO, get Top-level domain (LTD) example like: .com; .net; .org & .edu. You may check up Domain Names — SEO Best Practices by Moz

Let's start how to create a website

Steps 1

Page 8: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Domain and Hosting

Steps 1

Page 9: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Domain and Hosting

Steps 1

Exabytes WordPress HostingI would suggest get the PRO plan as it comes with FREE domain, Smart Update, Speed Kit & Backup to Cloud Pro

1. Speed Kit itself cost USD5.99/mo (around RM25)@ Plesk2. Jetpack Personal is cost USD3.50/mo  (around RM15) @ Jetpack3. I always suggest client have their own backup, this is very important, with Backup to Cloud Pro, you can backup your website to 3rd party cloud storage like Dropbox, Google Drive.

If you use for online store (WooCommerce), I’ll suggest you use WP Essential / Plus Pro.

Page 10: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Login to WordPress

Steps 2

Page 11: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Basic WordPress Setup - Settings

Steps 2On Dashboard > Settings > General Site: Company Name Tagline: What is your businessSEO Tips: Use location name in the tagline, example: Penang Web Designer

Page 12: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Basic WordPress Setup - Discussion

Steps 2On Dashboard > Settings > Discussion > Untick all On most use case, business website don’t requirement Discussion function.

Page 13: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Basic WordPress Setup - Permalinks

Steps 2On Dashboard > Settings > Permalinks > Post name SEO Tips: This really helps on SEO

Page 14: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Install Theme - Neve

Steps 3On Dashboard > Appearance > Themes > Add New

Search “Neve” and install

Page 15: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Install Demo - Neve

Steps 3On Dashboard > Appearance > Neve Options > Starter Sites

Page 16: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Install Demo - Neve

Steps 3Look for prefer web design template. You can previews to see the looks and feel. Best part is fully responsive.Once get the one that you like, click Import.

Page 17: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Edit Content

Steps 4Once everything is imported, you may edit the website via Elementor to you content.

Page 18: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Edit Content

Steps 4You may visit https://docs.elementor.com/ or YouTube to learn how to use the Elementor.

Page 19: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Bonus

Google Site kit Site Kit is the official WordPress plugin from Google for insights about how people find and use your site. Site Kit is the one-stop solution to deploy, manage, and get insights from critical Google tools to make the site successful on the web. It provides authoritative, up-to-date insights from multiple Google products directly on the WordPress dashboard for easy access, all for free.SEOPress SEOPress is a powerful WordPress SEO plugin to optimize your SEO, boost your traffic, improve social sharing, build custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / Google Structured data types, manage redirections 301 and so much more.

ShortpixelImage optimisation plugin, there is no better compression result than ShortPixel. It compresses images and PDFs, WebP convert and many more.

WP Fluent Forms Contact Forms are just a few clicks away. Select your form fields, click on them or just drag & drop them to the editor, put some dynamic conditional logics if necessary, and voila! You got your unique, super rich form.

Ninja FirewallNinjaFirewall (WP Edition) is a true Web Application Firewall. It allows any blog administrator to benefit from very advanced and powerful security features that usually aren’t available at the WordPress level, but only in security applications such as the Apache ModSecurity module or the PHP Suhosin extension.

Simple History The plugin works as a log/history/audit log/version history of the most important events that occur in WordPress.

Here are my list of MUST HAVE plugins for my WordPress website.

Page 20: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Optimise for SEO

Will proper optimisation, you will get very good PageSpeed.https://ulement.com/tutorial/how-to-optimise-wordpress-website-for-speed-2020/Always remember, content is more important than speed.

Page 21: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many
Page 22: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

facebook.com/ulementcom

Join WordPress & Elementor Meetup WordPress Kuala Lumpur MeetupWordPress Penang MeetupElementor Kuala Lumpur MeetupElementor Penang Meetup

[email protected]

WordPress ⻢来⻄亚中⽂群组

Page 23: How to build a Website in 30mins · 2020-05-18 · custom HTML and XML Sitemaps, create optimized breadcrumbs, add schemas / ... It compresses images and PDFs, WebP convert and many

Thank You

visit our website ulement.com

for more information