- Technical SEO - What is AMP & benefit? - Difference to mobile site? AMP tester. - What is AMP stories? - Page speed importance - Site improvement with AMP - AMP SEO - WordPress plugins

1. Technical SEO,
AMP & Boost up
PageSpeed

2. My bio
● 15 years of experience in SEO and WordPress
● Lead organiser of WordCamp Hong Kong 2019 and Hong Kong
WordPress Meetup
● 3 Amazon best sellers

3. Exercise
● 2-3 people a group.
● 3-4 minutes.
● Introduce your name, company and
what you do?
● Discuss what do you know on this
topic.

4. Index ● Technical SEO
● What is AMP & benefit?
● Difference to mobile site? AMP
tester.
● What is AMP stories?
● Page speed importance
● Site improvement with AMP
● AMP SEO
● WordPress plugins

5. Technical SEO - structured
data markup

6. How structured data
markup boost your site
● HTML tell web browser how
to display font, color, etc.
● Structured data markup tell
search engine what does it
mean

7. Using structured data
markup

8. Structured
data for
image
If you include structured data, Google
Images can display your images as rich
results, including a prominent badge, which
give users relevant information about your
page and can drive better targeted traffic to
your site. Google Images supports
structured data for the following types:
● Product
● Video
● Recipe

9. ● Itemscope
● itemtype

10. Use
structured
data markup
for:
● Navigation breadcrumbs
● Business information
● Events
● People
● Product
● Review
● Job
● Video
● Articles

11. Make a
search
● Dog
● Camera
● How to make a
pizza
● 咖啡
● Japan flight
● iPhone 11

12. Reference sites
● Google developer information
● Bing webmaster information

13. How do we check whether a
page is structured data yet?

16. FAQ structured
data

17. Structured data for sitelink & search box

19. Carousels
● Sample code

21. Google custom
search service
● https://www.google.com
/cse/
● Sample code (@type:
SearchAction)

22. WordPress
plugin

27. What is AMP &
benefit?

28. AMP
Accelerated Mobile Pages (Google AMP Project) makes your website faster for
Mobile visitors.
Since its inception in 2015, AMP has come a long way. When it first hit the scene,
AMP was laser-focused on media sites. The reason those types of publishers wanted
to participate in AMP was clear: It would make their mobile sites much faster, AND
Google was offering a great deal of incremental exposure in Google Search through
the “Top Stories news carousel.”

30. Benefit of AMP
● Lighting fast
● Better SEO
● AMP CDN
● AMP Cache
● AMP JS

31. AMP coding

34. How is it difference to
mobile site or
responsive site?

35. What is
responsive
design?
● Responsive?
● Dynamic?
● Separate URL?
https://search.google.com/test/
mobile-friendly

37. How to test whether a site
is AMP?

38. AMP tester site

39. AMP validate google
chrome extension

40. What is AMP
stories?

41. AMP stories
http://bit.ly/test-amp-stories

42. Google
analytics for
AMP
The analytics will show
as acquisition =>
referral
Since it is a valid AMP
site, it will show as
cdn.ampproject.org

43. Why is page
speed
important?

44. How is WordPress
site page speed in
global scale?

45. Desktop
Source:
https://backlinko.com/page-
speed-stats

46. Mobile

47. TTFB

48. Visual

49. Why is page
speed important?

50. TTFB

51. Start rendering

52. complete

53. How does web
hosting affect
pagespeed?

54. Source: https://medium.com/@tudip/web-caching-and-cache-busting-cf50b3d0471b

55. CDN
● Latency improvement
● Static content css, image
● E.g hk.canon, nikon

56. Modern CDN
● Improve page load speed
● Handle sudden high traffic
loads
● Block spammers & bad bots
● Reduce bandwidth
consumption
● Protect from DDOS attacks

57. CDN company
● KeyCDN
● MaxCDN
● Google CDN
● Amazon AWS
● RackSpace

58. What hosting are
you using?

59. What is the google
PageSpeed testing tool?

60. Speed test
● Google pagespeed test
● Webpage test
● Google developer
information 200ms /
0.2s

62. Try ‘blank.org’ on
pagespeed
Try ‘amazon.com’
on pagespeed

63. How to interpret
those suggestion?

64. Tips
Avoid landing page
redirects
(responsive
website)
Leverage browser
caching
Eliminate render-
blocking JavaScript and
CSS in above-the-fold
content
Optimize images

65. What is the improvement
after AMP (compare with
the site before AMP)?

66. Let’s test these 2 sites
1. https://thisiswpdemo.com/befor
eamp/
2. https://thisiswpdemo.com/after
amp/
Any difference?

67. Which is AMP
already?

68. PageSpeed test

69. AMP SEO

70. Rolling out
mobile-first
indexing
Monday, March
26, 2018
To understand more about how we
determine the mobile content from a
site, see our developer
documentation. It covers how sites
using responsive web design or
dynamic serving are generally set for
mobile-first indexing. For sites that
have AMP and non-AMP pages,
Google will prefer to index the
mobile version of the non-AMP
page.
https://webmasters.googleblog.com/
2018/03/rolling-out-mobile-first-
indexing.html

71. Canonical URL fix
AMP SEO issue

72. WordPress plugin

75. Thanks for listening and Q&A
Email: ivan@hdcourse.com
Website: www.hdcourse.com
Facebook: www.facebook.com/ivansopage