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

af Afrikaans
ak Akan
sq Albanian
am Amharic
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bem Bemba
bn Bengali
bh Bihari
bs Bosnian
br Breton
bg Bulgarian
km Cambodian
ca Catalan
ceb Cebuano
chr Cherokee
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
ee Ewe
fo Faroese
tl Filipino
fi Finnish
fr French
fy Frisian
gaa Ga
gl Galician
ka Georgian
de German
el Greek
gn Guarani
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ia Interlingua
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
rw Kinyarwanda
rn Kirundi
kg Kongo
ko Korean
kri Krio (Sierra Leone)
ku Kurdish
ckb Kurdish (Soranรฎ)
ky Kyrgyz
lo Laothian
la Latin
lv Latvian
ln Lingala
lt Lithuanian
loz Lozi
lg Luganda
ach Luo
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mfe Mauritian Creole
mo Moldavian
mn Mongolian
my Myanmar (Burmese)
sr-ME Montenegrin
ne Nepali
pcm Nigerian Pidgin
nso Northern Sotho
no Norwegian
nn Norwegian (Nynorsk)
oc Occitan
or Oriya
om Oromo
ps Pashto
fa Persian
pl Polish
pt-BR Portuguese (Brazil)
pt Portuguese (Portugal)
pa Punjabi
qu Quechua
ro Romanian
rm Romansh
nyn Runyakitara
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
sh Serbo-Croatian
st Sesotho
tn Setswana
crs Seychellois Creole
sn Shona
sd Sindhi
si Sinhalese
sk Slovak
sl Slovenian
so Somali
es Spanish
es-419 Spanish (Latin American)
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
tt Tatar
te Telugu
th Thai
ti Tigrinya
to Tonga
lua Tshiluba
tum Tumbuka
tr Turkish
tk Turkmen
tw Twi
ug Uighur
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
wo Wolof
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu

Original subtitles

All right, So let's view the Contact Us page.

It really looks pretty awesome here.

I think it looks pretty good.

And yeah, so right now let's go ahead and optimize the About Us page for responsiveness.

Now click on the About Us page, Go to edit with elementor.

And very simply, actually here, nothing really difficult.

What we're going to do is add some animations, just like we did with the home page.

We're going to do the same process with the About Us page.

Now over here I'm going to click on this section.

I'm going to go to Advanced and I will scroll down to motion effects animation, bounce in or zoom in.

Right?

So this is cool.

Now over here, what I'm going to do is I'm going to click this element, go to Advanced.

I'm going to go to motion effects up here and instead of zoom in or something, I want to add a fade

in from the left.

This one as well.

I should fade in from the left.

Everything actually should fade in from the left.

Right.

Fade in left.

This one as well.

If I go to Advanced.

Motion effects fade in left.

And this one here actually should just pop out.

Right.

I want it to bounce in.

So I'm going to go to motion effects for the image.

Scroll down, bounce in.

This one needs to be like this.

This one here is a video, but nonetheless, we can add animations to it.

I'm going to click the video default animation and I want it to bounce in as well.

Now here I want to click this.

Go to Advanced.

This one should bounce in from the left hand side, if I'm correct.

I'm going to go to motion.

Fade in.

Left now.

Fade in.

Right, actually.

Pretty bad with directions.

Right.

So click.

Let me go to advanced up here position not position motion effects here.

Fade in.

Left.

Not left.

Come on.

Fade in.

Right.

Right.

So here.

This one here as well.

Fade in.

Right.

Advanced and let me go to motion effects default fade in.

Right.

And this one here should fade in from the left.

So I'm going to click here, go to advanced scroll down Motion effects Fade in from the right.

No left really bad with directions.

So I'm going to go to advanced over here for the separator fade in from the left.

And this one here.

Advanced scroll down background.

And not background actually motion effects and fade in from the right.

I left.

Update.

Okay, so this is pretty cool right now.

Let's go ahead and visualize how this will look.

Let me go and preview this stuff.

Close the other windows.

And let me just preview my page.

It looks pretty good if I scroll down.

There are some animations going up here.

Pretty awesome.

And yeah, so I think this is pretty good.

So I'm going to go to the Contact Us page and similarly we're going to add some more animations before

we go and attack the mobile responsiveness.

So click on Contact from here.

This is the only page left for us to edit.

When it comes to responsiveness of the page.

And it's not really it's not a difficult page.

It's very easy, actually.

So I'm just going to make it quick.

So I want to click here and let me go to Advanced up here.

Scroll down.

I'll click on Advanced Scroll Down Motion effects.

Here I want to bounce or zoom in.

And I want to add an animation to this entire section.

So I'm going to click here, go to Motion Effects, and I want it to.

Not bouncing kind of slide in from the right like this.

Right.

And as far as this is concerned, I want this to.

Slide in from the left.

Right motion effects.

Slide in from the left.

Okay.

Update.

I think this is pretty good.

Right.

So we have everything ready now.

So let's go ahead right now.

Preview changes.

Can you see that?

This is pretty cool.

And so, yeah, I think it's pretty cool.

So I'm going to click on the About Us page and let me go and see how good is it on mobile?

I'm pretty sure it's already good on mobile, but let's just see it.

Edit with elementor and let's just see how good it looks on mobile.

Now, normally on tablet it already looks good because tablet is there's not really much much big of

a difference when it comes to tablet and desktop.

So here I'm going to click on responsive or responsive mode, click here on mobile and you can see that

it's pretty cool.

There's nothing really that we need to do.

Everything is responsive, pretty cool.

So we're going to leave and go to preview changes and right now I'm going to do the same thing for the

Contact Us page.

I want to see how it looks on mobile.

Edit with Elementor.

But now normally a lot of people actually disregard how good their website looks on mobile, but I highly

recommend you not to do that.

Okay.

Just that's an extra labor of love.

So just go ahead and do it right.

Make sure everything is cool over here.

I think this one also looks good.

The map even looks good.

There's nothing really to do here.

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

how you can add internal links to your blog posts.

But first off here, you're going to have to go to the home page.

I'm going to click the home page and I'm going to scroll down over here and I want to click on this

blog.

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.

Okay, so we have two blogs open in a new tab.

Now let's say I want to add a link or I want to link this blog to the other blog.

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

to the blog that I want to add links to and I'm going to click edit post.

You see that?

So we can't edit this with Elementor.

So very simply, what I'm going to do, you can take anything from here.

For instance, let's say that you want to use this keyword and that you want to link this keyword to

the other blog.

Now if I add that keyword and if I click here, you can see that right now the SEO score kind of went

up just because we have linked from a blog to another.

But generally speaking, you don't just want to go and link to any blog that talks just about anything.

If a blog talks about Trump and a blog talks about an elephant, then generally speaking, you can't

really add a link between Trump and an elephant.

There is no link right there unless you want it to be.

And that's how exactly how Google looks at it when you're just linking to whatever, Google doesn't

really consider your website really as a good potential website.

But when you're linking to relevant content in your website, relevant related posts, that's when Google

actually considers that your website is pretty good, pretty optimized for SEO.

So I think right now we're done.

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

let's go ahead right now and preview the page.

I'm going to preview it on an incognito window because I don't want this.

I don't want to burn the let's go back to the dashboard here.

I'm going to take the domain or the URL of the website and let me go and open up an incognito window

and paste my link right there.

And let's have a feel of how our website is going to feel.

It's going to look for people that are visiting it.

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