1
00:00:00,060 --> 00:00:04,560
How to implement a mobile website that ranks in Google.

2
00:00:05,220 --> 00:00:08,580
So basically you are completely covered.

3
00:00:08,590 --> 00:00:18,990
If you follow how I am showing usage of Avatar, you are completely safe, but still, it's great.

4
00:00:18,990 --> 00:00:26,550
You understand it, you understand the techniques and you have some better overview, because to succeed

5
00:00:26,550 --> 00:00:35,670
with mobile search engine optimization today, your side needs to at least work on mobile devices.

6
00:00:36,180 --> 00:00:44,330
So if mobile visitors get hit with a mini version of your desktop side, you are in trouble.

7
00:00:45,050 --> 00:00:51,080
Fortunately, implementing a mobile website isn't hard or complicated.

8
00:00:51,810 --> 00:01:00,060
And in this chapter you're going to lay out a few different ways that you can implement a mobile version

9
00:01:00,060 --> 00:01:06,690
of your website with a focus on a search engine optimization for mobile.

10
00:01:08,610 --> 00:01:19,590
So first option you might have seen, this is known as an configuration with this setup, you have demesne

11
00:01:19,590 --> 00:01:21,650
desktop version of your side.

12
00:01:22,170 --> 00:01:25,830
You also have a mobile version of your side.

13
00:01:27,160 --> 00:01:37,810
And it's not really popular and not really so useful and news today, it's a huge pain to manage and

14
00:01:37,810 --> 00:01:40,830
it's not really the way we want to go.

15
00:01:42,980 --> 00:01:53,180
It quite has a lot of issues, so we can say that this is a way we want to avoid completely.

16
00:01:54,670 --> 00:01:58,360
Second point is quite whether.

17
00:01:59,450 --> 00:02:08,450
It's called dynamic scoring when you serve Conten, dynamic of your content is on the same address,

18
00:02:09,110 --> 00:02:17,890
but you show each user different HDMI see as depending on the device they are using.

19
00:02:18,560 --> 00:02:26,270
As you can see on the picture, for example, if you follow this page.

20
00:02:27,230 --> 00:02:36,080
On a desktop, you would get served a premade desktop version of The Sun, as you can see here, but

21
00:02:36,080 --> 00:02:44,570
if you visit the page from your iPhone eight, you would still be on the same address, but would get

22
00:02:44,570 --> 00:02:48,560
shown the iPhone eight version of the page.

23
00:02:49,740 --> 00:02:58,080
As you can see, dynamic's serving is definitely better for a search engine optimization than having

24
00:02:58,080 --> 00:03:04,410
an M mobile version of your side, but it has issues.

25
00:03:05,100 --> 00:03:15,310
For example, dynamic serving sites are not notorious for showing desk job additions to mobile users.

26
00:03:15,930 --> 00:03:23,720
You also need to constantly create different versions of your content for new devices that come out.

27
00:03:24,600 --> 00:03:31,920
If you don't, your side might not recognize a new device and show them very little.

28
00:03:31,920 --> 00:03:34,110
Looks terrible on that device.

29
00:03:35,010 --> 00:03:40,140
In short, this is also not what we recommend.

30
00:03:41,920 --> 00:03:49,630
What we really recommend, what's really great, the best, what we are giving you, what you can do

31
00:03:49,630 --> 00:03:54,520
with our website, Gracian, is the responsive design.

32
00:03:55,510 --> 00:04:03,910
So the responsive design, your page layout and content response to each individual user.

33
00:04:04,660 --> 00:04:13,780
As you can see on the picture, you can see these are like small phone ifone, small tumblin, and the

34
00:04:14,260 --> 00:04:18,590
layout is fully optimized for all devices.

35
00:04:19,180 --> 00:04:22,000
So this is called a responsive design.

36
00:04:22,780 --> 00:04:32,800
The best path responsive design pulls this off without separate addresses or differen HDMI out for each

37
00:04:32,800 --> 00:04:33,430
device.

38
00:04:34,900 --> 00:04:43,600
In terms of being search engine friendly, responsive design blows all other options out of the water.

39
00:04:44,520 --> 00:04:53,100
Why, in short, all of your content is on a single address goes first, sharing and getting links,

40
00:04:54,030 --> 00:04:54,740
minimal.

41
00:04:54,750 --> 00:04:59,100
So Headache's, you don't need to use this.

42
00:04:59,100 --> 00:05:02,660
Can only Coatex or content issues.

43
00:05:03,600 --> 00:05:06,630
It's extremely user friendly.

44
00:05:07,140 --> 00:05:12,750
And user experience is a big bar for search engine optimization.

45
00:05:12,750 --> 00:05:21,480
Things to rank brain no redirects which cost technical search engine optimization issues.

46
00:05:21,690 --> 00:05:24,090
And you can slow down your sign.

47
00:05:24,690 --> 00:05:32,150
And if you are still not convinced, Google itself recommends responsive layout.

48
00:05:32,340 --> 00:05:33,240
So there.

49
00:05:34,400 --> 00:05:37,530
How do mobile optimized your side?

50
00:05:38,000 --> 00:05:45,290
Let's go into it now that your site is set up for mobile visitors, fully responsive.

51
00:05:45,620 --> 00:05:51,490
It's time to get your mobile search engine optimization in order.

52
00:05:52,380 --> 00:06:00,210
In this chapter, we will show you how to ensure that Google and other search engines consider your

53
00:06:00,210 --> 00:06:09,450
site optimized for mobile use, Google's mobile usability test.

54
00:06:10,020 --> 00:06:12,260
This is absolutely great.

55
00:06:13,080 --> 00:06:18,470
So you can find this nifty to in Google search console.

56
00:06:19,290 --> 00:06:28,830
So you have the complete implementation of Google search console in the cellulose and Google search

57
00:06:28,830 --> 00:06:30,000
console section.

58
00:06:30,360 --> 00:06:41,520
And we have our section just for Google search console so you can proceed for mobile usability test

59
00:06:41,520 --> 00:06:44,780
and see all issues to the IT.

60
00:06:45,030 --> 00:06:48,930
Head over to your Google search console account.

61
00:06:49,350 --> 00:06:59,940
Click on mobile usability, as I was showing you, using the Google search console and Google is doing

62
00:06:59,940 --> 00:07:09,150
everything for you and Google will let you know if mobile users have trouble using your site.

63
00:07:10,740 --> 00:07:20,460
So, for example, the two may let you know that you use Flash or that your font is too small for mobile

64
00:07:20,460 --> 00:07:26,400
users to read, so you probably always see everything about it.

65
00:07:26,760 --> 00:07:33,650
Or you might need to increase some fonts, but basically you will be always OK.

66
00:07:35,730 --> 00:07:44,670
You can also use Google's mobile friendly test, just pop up your address into the tool and you can

67
00:07:44,670 --> 00:07:45,960
just run the test.

68
00:07:47,600 --> 00:07:58,100
You will get a full report, you will see that your page is mobile friendly and you might get some improvements

69
00:07:58,100 --> 00:08:00,430
and recommendations from Google.

70
00:08:01,760 --> 00:08:10,340
As you can see, we passed budget to let us know that mobile Google, but had trouble loading all of

71
00:08:10,340 --> 00:08:12,320
the resources on the page.

72
00:08:13,650 --> 00:08:20,760
Desktop Googlebot had no issues controlling these resources, but the mobile version couldn't do it.

73
00:08:21,570 --> 00:08:31,140
And with Google's mobile first index now late, this is a potentially serious issue and it's something

74
00:08:31,500 --> 00:08:34,510
we wouldn't have known about without this tool.

75
00:08:35,040 --> 00:08:37,640
So this is super duper helpful.

76
00:08:38,550 --> 00:08:41,940
So definitely you need to use Google search console.