20181207のinhouse SEO meetupで登壇した内容です。 進化するフロントエンドとSEOへの影響をまとめました。

1. SEO
taskey

2. 1.
2. SEO
3. SEO
4. SEO
5.

3. 1.

4. <script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Person",
"name": "Masakazu Fukami",
"job": “Cheif Technology Officer",
"twitter": "@fukamiiiiinmin",
"company": "Taskey.inc"
}
</script>

5. SEO

6. SEO

11. SEO
SEO
taskey

12. 2.
SEO
SEO

13. HTML CSS
SEO

14. SEO
HTML CSS JavaScript

15. SEO
HTML
:) h1, h2, Microdata, json-ld…

16. SEO
Web

17. SEO
HTML

18. SEO
h1, microdata, etc… html

19. SEO
Indexing

20. SEO
Indexing
!SEO

21. 3.
SEO

22. SEO
HTML CSS

23. HTML CSS JavaScript
SEO

24. SEO

25. SEO

26. html
SEO

27. JavaScript
SEO

28. html
SEO

29. 2 Indexing
SEO

30. = JavaScript
SEO

31. = JavaScript
SEO

32. …
SEO

33. SEO
…
!

34. SEO
…
😭

35. SEO
…
😡

36. SEO
…
😡

37. SEO
…
😡

38. SEO
…
😡HTML

39. SEO
…
😡

40. SEO
…
…

41. SEO
… …

42. SEO
… …

43. SEO
…

44. SEO

45. SEO

46. SEO

47. SEO

48. SEO

49. SEO

50. 😊
SEO

51. HTML
SEO

52. SEO

53. SEO
HTML
😡

54. SEO

55. SEO

56. SEO

57. SEO

58. Single Page Application
SEO

59. Single Page Application
SEO

60. HTML
SEO

61. HTML
SEO

62. HTML
SEO

63. SEO

64. &
JS
SEO

65. SEO

66. SEO
SEO

67. SEO

68. SEO

69. 4.

70. HTML

72. SEO

73. ☺

74. SEO

75. JavaScript

78. BFF

79. BFF
↓
Backend For Frontend

81. BFF

82. BFF

83. HTML
BFF

84. BFF
JS html
HTML

85. BFF
JS html
HTML

87. 5.

89. BFF
JS html
HTML

90. BFF
JS html
HTML
:

91. BFF
JS html
HTML
…

92. SPA

93. BFF

94. https://note.mu/konpyu/n/n9b7bf4343514

95. HTML
p.s HTML SSR

96. ☺

98. SPA

99. 😡

101. …

102. SEO
Web

103. SEO
taskey