1
00:00:02,020 --> 00:00:05,210
Now another very important step is search engine

2
00:00:05,210 --> 00:00:06,840
optimization.

3
00:00:06,840 --> 00:00:09,640
When you build an amazing website you'll of course want to

4
00:00:09,640 --> 00:00:11,840
make sure that people can find it,

5
00:00:11,840 --> 00:00:15,930
that it ranks highly on Google or other search engines,

6
00:00:15,930 --> 00:00:18,320
and that in the search engine results

7
00:00:18,320 --> 00:00:20,580
it's presented correctly.

8
00:00:20,580 --> 00:00:21,413
For this,

9
00:00:21,413 --> 00:00:25,140
there are certain things that you can do in your HTML code

10
00:00:25,140 --> 00:00:28,210
to describe your page and highlight your content, though

11
00:00:28,210 --> 00:00:33,210
I will say there were times in the past where you could add

12
00:00:33,330 --> 00:00:37,430
a lot of keywords and spammy content on your website.

13
00:00:37,430 --> 00:00:39,450
This doesn't really work anymore.

14
00:00:39,450 --> 00:00:44,010
Nowadays, Google bot and bots of our search engines are

15
00:00:44,010 --> 00:00:47,970
really great at detecting content and quality.

16
00:00:47,970 --> 00:00:50,470
They also measured the performance and speed of your

17
00:00:50,470 --> 00:00:51,330
website.

18
00:00:51,330 --> 00:00:54,520
So how long it takes until users will be able to see

19
00:00:54,520 --> 00:00:55,580
something on the screen.

20
00:00:55,580 --> 00:00:58,930
And therefore these are the areas you should focus on.

21
00:00:58,930 --> 00:01:03,250
You don't want to just start spamming keywords or anything

22
00:01:03,250 --> 00:01:05,170
like this on your website. Instead,

23
00:01:05,170 --> 00:01:07,950
you really want to focus on high quality content.

24
00:01:07,950 --> 00:01:09,780
And then in addition,

25
00:01:09,780 --> 00:01:14,260
add some metadata and things to the site that make it easier

26
00:01:14,260 --> 00:01:16,870
for Google to understand your website.

27
00:01:16,870 --> 00:01:18,890
Now, what am I talking about?

28
00:01:18,890 --> 00:01:21,430
Well, if we have a look at the static site, though,

29
00:01:21,430 --> 00:01:23,830
it's the same for the dynamic site.

30
00:01:23,830 --> 00:01:25,580
Then there, we, for example,

31
00:01:25,580 --> 00:01:28,723
get to this title in the head section.

32
00:01:29,750 --> 00:01:33,890
Now this title is important because it does show up here in

33
00:01:33,890 --> 00:01:35,340
the tabs.

34
00:01:35,340 --> 00:01:38,840
But in addition, if you search for something, for example,

35
00:01:38,840 --> 00:01:40,860
if I searched for my own company here,

36
00:01:40,860 --> 00:01:44,210
then you also find the title that's set in the head section

37
00:01:44,210 --> 00:01:45,983
here in the search results.

38
00:01:47,070 --> 00:01:50,420
And we also find a description text here,

39
00:01:50,420 --> 00:01:52,140
and that's for example, a text,

40
00:01:52,140 --> 00:01:56,600
which we haven't set up for our site here for this demo site

41
00:01:56,600 --> 00:02:00,360
yet, because I want to do that to gather with you.

42
00:02:00,360 --> 00:02:03,130
Now, Google will also scan the rest of the page,

43
00:02:03,130 --> 00:02:03,963
as I mentioned,

44
00:02:03,963 --> 00:02:06,640
and it will understand your page pretty well.

45
00:02:06,640 --> 00:02:09,759
And it will then of course also analyze the content of your

46
00:02:09,759 --> 00:02:13,950
page and therefore understand what your page is about.

47
00:02:13,950 --> 00:02:16,130
So your content should be good.

48
00:02:16,130 --> 00:02:17,300
But in addition,

49
00:02:17,300 --> 00:02:22,300
you always want to add another Meta tech here somewhere in

50
00:02:22,330 --> 00:02:25,300
the head section. A meta element,

51
00:02:25,300 --> 00:02:29,330
which is a wide element where the name should be

52
00:02:29,330 --> 00:02:30,690
description.

53
00:02:30,690 --> 00:02:34,080
And it has to be description because Google and other search

54
00:02:34,080 --> 00:02:36,133
engine bots will look for this name.

55
00:02:37,010 --> 00:02:40,780
And then the content should be the description you want to

56
00:02:40,780 --> 00:02:43,593
show up here in the search results.

57
00:02:45,130 --> 00:02:47,000
So here, for example, you could write,

58
00:02:47,000 --> 00:02:48,290
I am a web

59
00:02:49,200 --> 00:02:50,090
developer

60
00:02:50,090 --> 00:02:53,180
because I completed a

61
00:02:53,180 --> 00:02:58,180
complete or comprehensive web development course.

62
00:03:00,220 --> 00:03:03,620
Now you want to keep that description fairly short and

63
00:03:03,620 --> 00:03:06,740
minimal. You don't want to write an essay here.

64
00:03:06,740 --> 00:03:11,063
It should probably not be longer than 2 or 300 characters.

65
00:03:11,920 --> 00:03:13,140
So you want to have a short,

66
00:03:13,140 --> 00:03:17,140
concise description about the page on which you have it.

67
00:03:17,140 --> 00:03:19,720
If you have a website of have multiple pages,

68
00:03:19,720 --> 00:03:22,950
every page should have its own title and description,

69
00:03:22,950 --> 00:03:26,610
which should be tailored for that specific page to which it

70
00:03:26,610 --> 00:03:30,560
belongs because different pages also get different search

71
00:03:30,560 --> 00:03:32,740
results here on Google.

72
00:03:32,740 --> 00:03:35,720
So every page should have its own meaningful title and

73
00:03:35,720 --> 00:03:39,090
description. And then if your content is good as well,

74
00:03:39,090 --> 00:03:41,820
good search results will come from its own.

75
00:03:41,820 --> 00:03:43,960
I also will say though, that, of course,

76
00:03:43,960 --> 00:03:46,300
for a certain keywords, for example,

77
00:03:46,300 --> 00:03:48,290
if you Google for Java script,

78
00:03:48,290 --> 00:03:52,100
this is such a prominent and often searched keyword that

79
00:03:52,100 --> 00:03:55,150
no matter how good your site content is,

80
00:03:55,150 --> 00:03:58,060
if you write about JavaScript in general,

81
00:03:58,060 --> 00:04:01,530
chances of getting a good ranking for this keyword will be

82
00:04:01,530 --> 00:04:03,380
slim anyways.

83
00:04:03,380 --> 00:04:05,120
So if you want to get a better rank,

84
00:04:05,120 --> 00:04:08,080
you want to find some niche keywords,

85
00:04:08,080 --> 00:04:10,540
and then create good content on that.

86
00:04:10,540 --> 00:04:12,520
Then add titles and metadata,

87
00:04:12,520 --> 00:04:15,770
and then you'll have a solid chance of Google picking up

88
00:04:15,770 --> 00:04:18,083
your site and finding your website.

89
00:04:19,160 --> 00:04:20,660
I also want to highlight, of course,

90
00:04:20,660 --> 00:04:24,450
that search engine optimization is also a big topic on its

91
00:04:24,450 --> 00:04:27,650
own. There also are entire courses about that.

92
00:04:27,650 --> 00:04:30,320
And there's way more you can learn about that.

93
00:04:30,320 --> 00:04:33,600
Also about how you can tell Google Crawler

94
00:04:33,600 --> 00:04:36,980
and other search engine crawlers on how to read your

95
00:04:36,980 --> 00:04:40,610
website and which pages they maybe should ignore.

96
00:04:40,610 --> 00:04:43,130
That's all beyond the scope of this course,

97
00:04:43,130 --> 00:04:46,320
but setting a description and a title is something you

98
00:04:46,320 --> 00:04:49,350
should definitely know and take away from this course.

99
00:04:49,350 --> 00:04:53,030
Therefore we'll not just do it on this static website,

100
00:04:53,030 --> 00:04:57,430
but also in the view here in the main EJS file of our,

101
00:04:57,430 --> 00:04:59,690
other website. Here in Maine,

102
00:04:59,690 --> 00:05:03,320
EJS often including head I'll add this Meta tech

103
00:05:03,320 --> 00:05:06,060
and I do it here because of course it should be specific

104
00:05:06,060 --> 00:05:08,080
to this site here.

105
00:05:08,080 --> 00:05:11,760
I don't want to include it in head EJS because then every

106
00:05:11,760 --> 00:05:14,650
page that uses this include would have to same meta

107
00:05:14,650 --> 00:05:15,640
description.

108
00:05:15,640 --> 00:05:18,580
I want to have a specific description for the main page and

109
00:05:18,580 --> 00:05:20,280
therefore I added meta here,

110
00:05:20,280 --> 00:05:24,460
this description meta right before I close to head tech,

111
00:05:24,460 --> 00:05:28,253
just as I set the page title here for this specific page.