All language subtitles for 25. Optimizing The Entire Website for Mobile UX (1)

af Afrikaans
sq Albanian
am Amharic
ar Arabic Download
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bn Bengali
bs Bosnian
bg Bulgarian
ca Catalan
ceb Cebuano
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English
eo Esperanto
et Estonian
tl Filipino
fi Finnish
fr French
fy Frisian
gl Galician
ka Georgian
de German
el Greek
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
km Khmer
ko Korean
ku Kurdish (Kurmanji)
ky Kyrgyz
lo Lao
la Latin
lv Latvian
lt Lithuanian
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mn Mongolian
my Myanmar (Burmese)
ne Nepali
no Norwegian
ps Pashto
fa Persian
pl Polish
pt Portuguese
pa Punjabi
ro Romanian
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
st Sesotho
sn Shona
sd Sindhi
si Sinhala
sk Slovak
sl Slovenian
so Somali
es Spanish
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
te Telugu
th Thai
tr Turkish
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
or Odia (Oriya)
rw Kinyarwanda
tk Turkmen
tt Tatar
ug Uyghur
Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:00,230 --> 00:00:02,570 All right, So let's view the Contact Us page. 2 00:00:02,600 --> 00:00:04,340 It really looks pretty awesome here. 3 00:00:04,640 --> 00:00:06,520 I think it looks pretty good. 4 00:00:06,530 --> 00:00:11,700 And yeah, so right now let's go ahead and optimize the About Us page for responsiveness. 5 00:00:11,720 --> 00:00:15,050 Now click on the About Us page, Go to edit with elementor. 6 00:00:15,050 --> 00:00:18,980 And very simply, actually here, nothing really difficult. 7 00:00:19,130 --> 00:00:23,360 What we're going to do is add some animations, just like we did with the home page. 8 00:00:23,360 --> 00:00:26,460 We're going to do the same process with the About Us page. 9 00:00:26,480 --> 00:00:29,720 Now over here I'm going to click on this section. 10 00:00:29,720 --> 00:00:38,930 I'm going to go to Advanced and I will scroll down to motion effects animation, bounce in or zoom in. 11 00:00:38,930 --> 00:00:39,120 Right? 12 00:00:39,170 --> 00:00:40,190 So this is cool. 13 00:00:40,370 --> 00:00:45,560 Now over here, what I'm going to do is I'm going to click this element, go to Advanced. 14 00:00:46,480 --> 00:00:51,910 I'm going to go to motion effects up here and instead of zoom in or something, I want to add a fade 15 00:00:51,910 --> 00:00:53,300 in from the left. 16 00:00:53,320 --> 00:00:54,640 This one as well. 17 00:00:55,610 --> 00:00:57,260 I should fade in from the left. 18 00:00:58,250 --> 00:01:00,500 Everything actually should fade in from the left. 19 00:01:01,340 --> 00:01:01,640 Right. 20 00:01:01,640 --> 00:01:04,010 Fade in left. 21 00:01:04,040 --> 00:01:05,420 This one as well. 22 00:01:05,720 --> 00:01:07,070 If I go to Advanced. 23 00:01:08,710 --> 00:01:12,580 Motion effects fade in left. 24 00:01:12,670 --> 00:01:15,430 And this one here actually should just pop out. 25 00:01:15,460 --> 00:01:16,050 Right. 26 00:01:16,060 --> 00:01:17,590 I want it to bounce in. 27 00:01:17,590 --> 00:01:19,690 So I'm going to go to motion effects for the image. 28 00:01:19,810 --> 00:01:21,550 Scroll down, bounce in. 29 00:01:21,580 --> 00:01:23,430 This one needs to be like this. 30 00:01:23,440 --> 00:01:28,480 This one here is a video, but nonetheless, we can add animations to it. 31 00:01:28,600 --> 00:01:33,470 I'm going to click the video default animation and I want it to bounce in as well. 32 00:01:33,490 --> 00:01:35,320 Now here I want to click this. 33 00:01:35,350 --> 00:01:36,520 Go to Advanced. 34 00:01:36,550 --> 00:01:40,910 This one should bounce in from the left hand side, if I'm correct. 35 00:01:40,930 --> 00:01:41,980 I'm going to go to motion. 36 00:01:43,200 --> 00:01:44,070 Fade in. 37 00:01:44,070 --> 00:01:45,650 Left now. 38 00:01:45,660 --> 00:01:46,050 Fade in. 39 00:01:46,050 --> 00:01:46,920 Right, actually. 40 00:01:47,640 --> 00:01:49,170 Pretty bad with directions. 41 00:01:50,040 --> 00:01:50,220 Right. 42 00:01:50,220 --> 00:01:51,090 So click. 43 00:01:51,120 --> 00:01:57,200 Let me go to advanced up here position not position motion effects here. 44 00:01:57,210 --> 00:01:58,350 Fade in. 45 00:01:59,120 --> 00:02:00,050 Left. 46 00:02:00,830 --> 00:02:01,490 Not left. 47 00:02:01,490 --> 00:02:02,240 Come on. 48 00:02:02,330 --> 00:02:02,930 Fade in. 49 00:02:02,930 --> 00:02:03,500 Right. 50 00:02:03,840 --> 00:02:04,130 Right. 51 00:02:04,130 --> 00:02:04,970 So here. 52 00:02:05,060 --> 00:02:06,280 This one here as well. 53 00:02:06,290 --> 00:02:06,680 Fade in. 54 00:02:06,680 --> 00:02:07,280 Right. 55 00:02:08,960 --> 00:02:13,310 Advanced and let me go to motion effects default fade in. 56 00:02:13,310 --> 00:02:13,910 Right. 57 00:02:13,910 --> 00:02:16,040 And this one here should fade in from the left. 58 00:02:16,040 --> 00:02:22,220 So I'm going to click here, go to advanced scroll down Motion effects Fade in from the right. 59 00:02:23,480 --> 00:02:27,320 No left really bad with directions. 60 00:02:27,320 --> 00:02:33,200 So I'm going to go to advanced over here for the separator fade in from the left. 61 00:02:34,440 --> 00:02:35,550 And this one here. 62 00:02:35,910 --> 00:02:39,030 Advanced scroll down background. 63 00:02:39,150 --> 00:02:46,320 And not background actually motion effects and fade in from the right. 64 00:02:47,900 --> 00:02:48,440 I left. 65 00:02:49,410 --> 00:02:50,070 Update. 66 00:02:50,100 --> 00:02:52,890 Okay, so this is pretty cool right now. 67 00:02:52,890 --> 00:02:55,020 Let's go ahead and visualize how this will look. 68 00:02:55,050 --> 00:02:56,790 Let me go and preview this stuff. 69 00:02:57,240 --> 00:02:58,740 Close the other windows. 70 00:02:59,470 --> 00:03:01,210 And let me just preview my page. 71 00:03:01,210 --> 00:03:02,860 It looks pretty good if I scroll down. 72 00:03:02,860 --> 00:03:04,930 There are some animations going up here. 73 00:03:04,930 --> 00:03:06,100 Pretty awesome. 74 00:03:06,100 --> 00:03:08,200 And yeah, so I think this is pretty good. 75 00:03:08,200 --> 00:03:13,000 So I'm going to go to the Contact Us page and similarly we're going to add some more animations before 76 00:03:13,000 --> 00:03:16,540 we go and attack the mobile responsiveness. 77 00:03:17,350 --> 00:03:19,150 So click on Contact from here. 78 00:03:19,540 --> 00:03:21,610 This is the only page left for us to edit. 79 00:03:22,290 --> 00:03:24,690 When it comes to responsiveness of the page. 80 00:03:24,690 --> 00:03:26,910 And it's not really it's not a difficult page. 81 00:03:26,910 --> 00:03:28,320 It's very easy, actually. 82 00:03:28,400 --> 00:03:30,510 So I'm just going to make it quick. 83 00:03:31,500 --> 00:03:35,010 So I want to click here and let me go to Advanced up here. 84 00:03:35,010 --> 00:03:35,880 Scroll down. 85 00:03:36,750 --> 00:03:39,550 I'll click on Advanced Scroll Down Motion effects. 86 00:03:39,850 --> 00:03:42,730 Here I want to bounce or zoom in. 87 00:03:43,730 --> 00:03:47,600 And I want to add an animation to this entire section. 88 00:03:47,600 --> 00:03:52,190 So I'm going to click here, go to Motion Effects, and I want it to. 89 00:03:52,920 --> 00:03:57,120 Not bouncing kind of slide in from the right like this. 90 00:03:57,560 --> 00:03:58,230 Right. 91 00:03:58,230 --> 00:04:02,040 And as far as this is concerned, I want this to. 92 00:04:03,200 --> 00:04:04,640 Slide in from the left. 93 00:04:05,460 --> 00:04:06,780 Right motion effects. 94 00:04:07,600 --> 00:04:10,720 Slide in from the left. 95 00:04:10,750 --> 00:04:11,230 Okay. 96 00:04:11,260 --> 00:04:11,980 Update. 97 00:04:12,220 --> 00:04:13,370 I think this is pretty good. 98 00:04:13,530 --> 00:04:13,830 Right. 99 00:04:13,840 --> 00:04:15,700 So we have everything ready now. 100 00:04:15,700 --> 00:04:16,870 So let's go ahead right now. 101 00:04:16,900 --> 00:04:17,980 Preview changes. 102 00:04:19,270 --> 00:04:19,800 Can you see that? 103 00:04:19,800 --> 00:04:20,910 This is pretty cool. 104 00:04:21,640 --> 00:04:23,770 And so, yeah, I think it's pretty cool. 105 00:04:23,800 --> 00:04:27,880 So I'm going to click on the About Us page and let me go and see how good is it on mobile? 106 00:04:27,910 --> 00:04:30,850 I'm pretty sure it's already good on mobile, but let's just see it. 107 00:04:30,970 --> 00:04:35,230 Edit with elementor and let's just see how good it looks on mobile. 108 00:04:35,230 --> 00:04:42,010 Now, normally on tablet it already looks good because tablet is there's not really much much big of 109 00:04:42,010 --> 00:04:46,270 a difference when it comes to tablet and desktop. 110 00:04:46,270 --> 00:04:53,170 So here I'm going to click on responsive or responsive mode, click here on mobile and you can see that 111 00:04:53,170 --> 00:04:54,010 it's pretty cool. 112 00:04:54,130 --> 00:04:55,930 There's nothing really that we need to do. 113 00:04:55,930 --> 00:04:57,850 Everything is responsive, pretty cool. 114 00:04:58,030 --> 00:05:05,080 So we're going to leave and go to preview changes and right now I'm going to do the same thing for the 115 00:05:05,080 --> 00:05:06,190 Contact Us page. 116 00:05:06,190 --> 00:05:08,380 I want to see how it looks on mobile. 117 00:05:08,530 --> 00:05:09,850 Edit with Elementor. 118 00:05:11,270 --> 00:05:17,300 But now normally a lot of people actually disregard how good their website looks on mobile, but I highly 119 00:05:17,300 --> 00:05:19,240 recommend you not to do that. 120 00:05:19,250 --> 00:05:19,900 Okay. 121 00:05:19,910 --> 00:05:23,360 Just that's an extra labor of love. 122 00:05:23,390 --> 00:05:25,520 So just go ahead and do it right. 123 00:05:25,520 --> 00:05:27,800 Make sure everything is cool over here. 124 00:05:27,800 --> 00:05:30,170 I think this one also looks good. 125 00:05:30,200 --> 00:05:31,910 The map even looks good. 126 00:05:31,940 --> 00:05:33,770 There's nothing really to do here. 127 00:05:33,770 --> 00:05:38,180 So the only thing left for us to do right now is to go ahead and add or let me go ahead and show you 128 00:05:38,180 --> 00:05:41,810 how you can add internal links to your blog posts. 129 00:05:41,960 --> 00:05:45,110 But first off here, you're going to have to go to the home page. 130 00:05:45,200 --> 00:05:50,570 I'm going to click the home page and I'm going to scroll down over here and I want to click on this 131 00:05:50,570 --> 00:05:51,140 blog. 132 00:05:51,140 --> 00:05:55,970 I want to open it up in a new tab, and I want to click on this blog, open it up in a new tab. 133 00:05:55,970 --> 00:05:59,090 Okay, so we have two blogs open in a new tab. 134 00:05:59,090 --> 00:06:04,160 Now let's say I want to add a link or I want to link this blog to the other blog. 135 00:06:04,250 --> 00:06:09,680 Now what I'm going to do, I'm going to come to this blog, copy its link, and I'm going to come back 136 00:06:09,680 --> 00:06:14,790 to the blog that I want to add links to and I'm going to click edit post. 137 00:06:14,820 --> 00:06:15,540 You see that? 138 00:06:15,900 --> 00:06:18,120 So we can't edit this with Elementor. 139 00:06:18,120 --> 00:06:22,530 So very simply, what I'm going to do, you can take anything from here. 140 00:06:22,530 --> 00:06:27,660 For instance, let's say that you want to use this keyword and that you want to link this keyword to 141 00:06:27,660 --> 00:06:28,740 the other blog. 142 00:06:29,160 --> 00:06:35,700 Now if I add that keyword and if I click here, you can see that right now the SEO score kind of went 143 00:06:35,700 --> 00:06:39,630 up just because we have linked from a blog to another. 144 00:06:39,630 --> 00:06:45,990 But generally speaking, you don't just want to go and link to any blog that talks just about anything. 145 00:06:45,990 --> 00:06:52,080 If a blog talks about Trump and a blog talks about an elephant, then generally speaking, you can't 146 00:06:52,080 --> 00:06:55,230 really add a link between Trump and an elephant. 147 00:06:55,230 --> 00:06:58,380 There is no link right there unless you want it to be. 148 00:06:58,380 --> 00:07:04,620 And that's how exactly how Google looks at it when you're just linking to whatever, Google doesn't 149 00:07:04,620 --> 00:07:09,030 really consider your website really as a good potential website. 150 00:07:09,030 --> 00:07:15,660 But when you're linking to relevant content in your website, relevant related posts, that's when Google 151 00:07:15,660 --> 00:07:19,800 actually considers that your website is pretty good, pretty optimized for SEO. 152 00:07:19,800 --> 00:07:22,050 So I think right now we're done. 153 00:07:22,050 --> 00:07:27,930 Now what I'm going to do, I'm going to go click the home page, I'm going to take my domain name and 154 00:07:27,930 --> 00:07:30,270 let's go ahead right now and preview the page. 155 00:07:30,380 --> 00:07:35,460 I'm going to preview it on an incognito window because I don't want this. 156 00:07:35,460 --> 00:07:39,990 I don't want to burn the let's go back to the dashboard here. 157 00:07:40,170 --> 00:07:48,120 I'm going to take the domain or the URL of the website and let me go and open up an incognito window 158 00:07:48,120 --> 00:07:50,310 and paste my link right there. 159 00:07:50,840 --> 00:07:54,670 And let's have a feel of how our website is going to feel. 160 00:07:54,680 --> 00:07:57,050 It's going to look for people that are visiting it. 13172

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.