Thứ Hai, 3 tháng 9, 2018

Youtube daily Sep 3 2018

hello everyone how are you all this

afternoon doing well during the

conference

excellent it's lovely to be here so

thank you everyone for inviting me so

I'm going to be talking about the web

and there are lots of reasons to love

the web for me it's the scale it can

reach users all around the world on

almost any device and the only thing

they need is a browser it's easy to use

and it's easy to share there's nothing

to install and it's an open ecosystem

that anyone can use or build on but you

know for a long time there were many

claims that the web was dead

for example Wired magazine back in 2010

said the web is dead long lived the

internet though but the web was only 18

years old at the time so it was really

just a teenager it's a bit unfortunate

this conference I think very much proves

that the web isn't dead the issue back

at this time was that people were

noticing and documenting that apps had

started to take up more that more

people's time than web does and that led

to headlines back in 2014 like this

mobile app usage increases as mobile web

surfing declines the web is dead long

live the app the decline of the mobile

web and the web is dying

and apps are killing it so what was

happening well it was all to do with

time spent and this is the kind of thing

that was reported this was updated

figures and today only 12% of the time

the people are on their phones is spent

on the mobile web while 88% of it is

spent in native apps and this study was

by conquer the comScore and other

companies find very similar stats and as

you might well know the reason for this

is because people are spending their

time in certain sorts of apps so it's to

do with social networking music games

multimedia and this is why that time

stat is prevalent so these things are

entertainment or communication focus

maybe it's not time that matters so

while it is indeed a great deal of time

that people are spending in apps it's

not evenly distributed across verticals

they found stats like this back in 2014

- although these ones are the latest

ones and back when all these headlines

were published but when people started

looking at this more closely there were

some telltale signs that mobile web has

some great things going for it - they

found that mobile web accounted for more

traffic for many verticals more than our

for many mobile apps for example this

chart this was from 2015 so it was a

year later than all those headlines were

published it shows that retail finance

insurance and travel typically see a 50

percent or higher proportion of their

visits from the mobile web this resulted

in Wired changing their tune the web is

not dead after all

and Google made sure of it and this rip

was reporting about the advancement of

activities that can be done in a browser

and the early successes of progressive

web apps in fact some use cases are

really ideal for the web luke chat Alain

who's the chief innovations officer I've

always wanted a job title like that I

think it's awesome he's a chief

innovations officer for West Elm that

furniture company he made this point

when he stood on the stage last year at

Google's retail conference to explain

why they created a progressive web app

rather than a native app and he said

what people don't buy a couch on their

phone every day so another way of saying

this is understand user behavior and do

what's right to meet your users for your

business in a way that will help them

best

so in order to make the web better we've

been developing progressive web apps so

let me tell you a little bit about this

and I'm going to go into a little bit of

technical detail and you might wonder

what's this got to do with UX design but

I think it has everything to do with UX

design because the technologies that are

coming enable us to design for new types

of experiences on the web and this

really needs to be a designer developer

partnership and when I mentioned

developer I kind of mean all of the UX

functions progressive Web Apps is a new

term for new features and technologies

of the modern web progressive web apps

are enabled by a new set of capabilities

that allow us as designers in

collaboration with developers to

radically improve that user

experience that people have on the web

and we do this by making sure that that

experience is fast we want to make sure

that the experience is better integrated

with device hardware platforms and we

want to ensure that experiences are

reliable and we need to keep users

engaged so let's start with fast users

don't expect janky scrolling or slow

loading for performance from a really

good app the web has a bad name for slow

performance particularly on mobile and

by performance I mean in page

performance as well as load performance

web app loading has to be invisible for

your users

just like with good native apps web apps

should really just work

now it takes a mobile webpage on average

12 seconds to fully load on a 3G

connection and that experience is really

bad for everyone for every one second

delay in page load time conversions drop

by 7% so that's bad for our businesses

so we have to fix this

and also one side-effect of the reach of

the web unlike native apps is that you

can't dictate the starting point for any

particular experience you need to really

carefully think about the performance of

every single page so we have to make

sure that wherever someone starts it's

always a first experience let's talk

about integration as well as speed users

expect app like integration with their

device hardware platform and other apps

you know that great feeling you get when

you use a really well-made app that

tight connection right from the start

that you want the task you want to

achieve you forget you're using an app

really it's just such a tighter engaging

experience so people shouldn't really

have to think about the fact that

they're on the web that they're using

their phone their tablet or their laptop

to complete a task now in terms of

integration when your user visits your

site you can now prompt them to add that

site to the home screen a great example

is from trivago a major travel site that

launched their PWA for 55 different

domains globally and as you can see here

when you tap Add to Home screen this

hits your screen immediately and you can

access that just like you would a native

app it's fast and it's simple so now

when it's added on your home screen it's

more integrated on your device then the

the it's displayed also in your app

launcher just like other apps and it's

part of your overall Android settings

another user experience to design for

that's now possible is push

notifications from the web so we've not

really had that before this example from

Twitter this is Twitter's progressive

web app illustrates push notifications

and how they've integrated on their

progressive web app experience of course

we need to be conscientious and mindful

when we can

to how to design set schedules but this

does provide now a way for businesses to

re-engage people on the web which hasn't

existed before and on the topic of

integration let's touch on new

capabilities for integration for

e-commerce

so digital commerce is such a huge deal

last year ecommerce was worth two point

three zero four trillion dollars

globally most commerce ecommerce

accounted for

I'm sorry mobile Eve's ecommerce

accounted for almost sixty percent of

this fifty eight point nine percent of

this but it's still a really a big

fundamental challenge for the mobile web

specifically the web has gone mobile but

conversions on mobile are one-third

lower than on desktop and it makes sense

it's hard to enter data on a phone so

we're doing as much as possible to you

know remove form experiences and

everything else we need better

integration ecommerce is all about

removing friction so browsers have

worked to address this with autofill and

today on Chrome over nine billion forms

and passwords are Auto filled each month

that's really great but it's not enough

so the payment ap request API goes a

step further

it's a w3c standard for browsers that

provides an interface to users to enter

payments and shipping data so users have

this consistent experience and

developers don't have to reinvent the

wheel from you know your tiny boutique

store to your big ecommerce giant now

sites can use the payment request API to

get it the experience that is shown here

and you can see that Chrome has securely

stored email shipping and the credit

card details for the user the merchant

gets all of this information in a simple

form already pre-populated and now we're

going further than this

since convergence is so much lower on

mobile we need to fix that

so we've released a whole payment

solution that companies use Google pay

and that's the product that I now work

on it enables fast simple checkout

provides easy access to awards and

offers and one spot for purchases and

payment methods really it's trying to do

away with forms so that this one-click

experience and you know a lot of the way

we're getting users ready to pay is

through autofill and getting credit

cards into the cloud like that so users

across the board and ready to pay even

if it's the first time they've used your

product so you can see that the web has

become an environment that is fit for

the possibility of providing really

great experiences that users need better

reliability as well with progressive Web

Apps we make sure the experience always

works because when it doesn't work or

when it loads too slowly

it breaks the user experience and it

destroys that user trust so creating a

reliable experience is really crucial

when a user taps on home screen icon

they expect it to low instantly and

reliably we've become used to always

being online and as much as I like this

cute little fella we don't really need

to see him weird rather we didn't so

imagine getting a system-generated error

message from your offline native app

that would seem crazy and it's not just

no connection that breaks the user

experience slow and intermittent

connections can be even worse we call

this life I write even here in the Bay

Area believe it or not there are areas

with poor cell coverage and there are

people here in the u.s. that have to use

dial-up to get online and worldwide more

than 60% of cell phones are on 2g so

likewise broadband infrastructure is

often poor and as you see here many

people in the u.s. don't have access to

a fast broadband a similar picture in

many other regions now though the news

on this is it exists this new technology

called service workers written in

JavaScript it's a client-side proxy that

acts as an intermediary between your web

app and the outside world

it can cache resources to ensure a

reliable experience no matter what the

connection is like because resources can

be pulled directly from the cache

instead of from the network so your app

can work even if there's no network

connection for us as UX professionals

this means we'll be designing for

offline experiences for the web a whole

new realm for us to explore is what can

we achieve for our users for our

companies when people are offline or in

places with flaky network connections

these service workers are part of what's

at the core of PWA is they also enable

the push notifications I mentioned

earlier lastly a truly engaging app

experience needs to go beyond being

functional reliable and ensure that the

whole experience is delightful and makes

it easy for the user to do what they

want an engaging experience starts at

the very beginning with a delightful

first-run experience and it continues

through all your user journeys and works

perfectly without friction

so the an engaging PWA uses the magic of

the web it's indexable searchable its

linkable and shareable the experience is

timely and relevant and precise because

it counts for users context and what

matters to them right now

so making enough engaging ranges from

basic experiences that are imperative to

get right and this includes asking for

permissions only when you need it not as

soon as it opens and asking people to

sign up and sign in at the right time

when they were perfectly invested and

there's something in it for them and not

just for our businesses I'm removing

friction in forms many presentations

have talked a lot about forms before my

colleague Luke Wroblewski talks about it

plenty but there's still plenty of for

experiences on the web we actually did

an audit this year of 400 top web sites

in Europe and we found 42 percent of the

sites from across 15 countries didn't

show the appropriate keyboard for the

input type so obviously that's friction

it's the best practice that's been out

there for a long time and 27 percent

didn't show optional fields there's a

couple of problems with this users might

be overwhelmed with the sheer number of

you know form fields they need to fill

in and they might struggle on one that's

actually not applicable to them and

eventually give up so a lot of errors we

see with

forms can be overcome by the use of and

the proper implementation of auto film

now it's critical to make sure you're

following all of the best practices for

web design obviously using the right

input type and using features

appropriately and at Google we've done

some extensive usability studies to

develop now all in all 75 principles

that encapture the best practices on

mobile we had we did large studies on

Android and iOS and we looked at 250

different mobile sites and apps and this

led to all of these principles here the

second set in each of those that you see

have additional links in it that go to

code snippets and and different

resources for developers and so those

ones you can pass on to any developers

you're working with - so making sure the

user experience basics is good as well

as enabling delightful perhaps

personalized context-dependent

experiences makes a web app experience

engaging and at Google we're working on

creative progressive web experiences

that scale so Google search uses a PWA

to make sure it's possible for users to

ask questions when they're offline and

then when they come back online that it

provides an answer once they've

reconnected that uses service workers

and background sync and push

notifications to let people know that

the answer has now been found by using

service workers they were able to reduce

the number of external javascript

requests by nearly 50% and reduce the

number of user interactions delayed by

loading JavaScript by 6% bulletin is a

new way to create and share hyperlocal

stories all built around a progressive

web app it's a tiny fraction of the size

of a native app with a hundred percent

of the functionality and they do some

really neat stuff with media capture API

to make it really easy for users to

capture the moment and sharing is as

simple as sharing a URL and the Maps

team recently shipped a progressive web

app themselves they saw progressive web

apps as a way to radically improve their

experience for their users on low-end

devices or when they're on flaky network

connections and it would be great if

these improve

experiences are available to users no

matter what browser they use if the

browser supports it and if developers

can build on it and designers can design

for it and this is becoming a reality

service workers are now supported in

essentially every modern browser

including Safari and edge an apple ship

support for service workers in late

March and with the recent update to edge

they're now supported their two browser

vendors are adding support for all new

kinds of capabilities that enhance the

user experience edge also got push

notifications and is doing some

interesting stuff with their store and

Firefox our support for push

notifications as well and is working on

the new web authentication api's and

Safari is also working on the web off

api's as well so that's the basics of

progressive web apps and it's exciting

to see how these are transforming web

user experience now let's take a look at

one example of progressive web app this

one from Starbucks it takes advantage of

many of the new capabilities and brings

a modern web experience to their

customers it makes it easy to browse the

menu customize and place an order or pay

for an order in a store so let's

consider how that fire acronym the first

integrated reliable and engaging implies

to the Starbucks experience so the

Starbucks site loads fast but it also

feels really fast and the way Starbucks

does this is using placeholder content

like you see here until the actual

content is loaded it's kind of you know

most of the time the users don't notice

it but it really makes a difference to

that Pacific perceived speed it looks

like things have started to load and

those grey placeholders are quickly

replaced by the actual content and on

faster networks when the content has

already been pre cached users don't even

see it there so they're not aware of it

another aspect of the past experience is

navigating between pages navigations

feel fast and they are fast it never

fails to like to the user that the page

does a full kind of reload navigation

shouldn't rely only on the network but

instead everything should be pre cached

and ready to go to reduce

friction of signing in Starbucks use the

credential management API which makes

signers as simple as one tap and as you

can see here the add to home homescreen

prompt that you can see at the bottom

and I can easily add it to my home

screen and launcher and soon the add to

homescreen banner is not going to show

automatically anymore instead we'll have

to add a little bit of UI to our app to

prompt the user and when that happens we

need to be careful that we don't go in

add you know anything like a full page

interstitial again because nobody really

likes those so when they use agile PWA

to their home screen on Android Chrome

automatically generates the apk for you

which we sometimes call a webby apk

having a webby apk means your app shows

up in the app launcher and in your

settings where you can see the amount of

storage use its permissions and so forth

to make the experience reliable

experience the Starbucks PWA uses work

box with a combination of pre caching

strategies so it's caching a lot of this

information and runtime caching

strategies by pre-caching that content

they can make sure that those key

resources always available and served

directly from the cache without having

to wait for the network then as the user

uses a Yap additional content is cached

as they navigate round the app so

sometimes some of that content isn't

uncashed until users go there if they're

then in a flaky network connection they

can get back to it while placing an

order offline is of course impossible

the Starbucks PWA makes it possible for

a user to pay for an order in the store

because they pre cached the payment

information so it uses indexeddb to save

information on each menu item store

information the users Starbucks card and

more so if I'm in perhaps a different

country than I usually am and I haven't

got a connection there

I can pay in this offline way Starbucks

focus on the user experience to make

their progressive web app engaging

placing an order has to be easy so that

users can customize the drink with the

many possible options available they

paid attention to fundamental details

like the navigation

and stack making sure that the back

button always does the right thing that

it goes back step by step rather than

jumping back to the home screen or some

other random page and to make the

experience really feel alive Starbucks

use content specific animations and

messaging for the user for example after

clicking add to order it shows this

toast here that it's added my audit of

my bank so through creating this fast

integrated reliable and engaging

experience Starbucks have put their

customers first to meet their needs

where they are to make it convenient and

delightful for them to get their

favorite drink

so this improved user experience has

really paid off for Starbucks they've

got some wonderful data that the orders

are growing 12% week over week and

because Starbucks took a responsive

approach and made sure the experience

works nicely on desktop they're also

seen desktop users use the web app in

order to order ahead so their drink is

ready when they get there we attribute

many of the progressions I shouldn't use

that word really the evolution of

progressive web app very much to mobile

and Mobile's being the key focus of

progressive web apps however we're

starting work on desktop because desktop

experience is still growing it just has

a different pattern in users lives

whereas mobile and tablet are used in

the morning and evening it's used more

often like more often distributed

throughout the day particularly because

of the productivity tools we use at work

users have really high expectations of

desktop apps and they also need to be

fast integrated reliable and engaging so

that they look and feel like other apps

we're used to on desktop so progressive

web apps development is happening for

Chrome Mac and Windows and when those

users can already install desktop

progressive web apps through the

Microsoft app store so things are

starting to merge like that so if a team

has created a mobile progressive web app

they don't have to do a great deal more

work to create one for desktop it works

you know reliably we can use web push

and notifications the only real

difference isn't

dead of running in a browser tab it runs

in an app window there are no tabs or

address bar is just an app is oft

optimized to support the needs of apps

so you can think about flexible window

organizing organization and manipulation

at windows make it really easy to unit

tasks with the window in full screen or

multitask with multiple screens and it's

really responsive design that matters

here you can also do your app switching

with you know your alt tab that works

well here so that's a nice experience

and and you can have the title bar theme

based on the theme color defined in the

web app manifest as you can see here so

different things you can do with the app

menu there then things that you'd expect

print the page change the zoom level

open the app in the browser and they

have this large screen escape so you can

add additional breakpoints and really

think about your responsive design here

whether that's for a full week's

forecast or if you're gonna move it down

and then perhaps just have one day of

weather or if that was a music app just

you know the the button to move to the

next song so we can take that idea of

progressive web apps and think about how

we're going to support convertibles like

the pixel book or the surface so you

know when we switch those to tablet mode

the devices make the active window

fullscreen and depending on how the user

holds a device that can be either

landscape or portrait and again we need

to think about this responsive design so

and that window opens up lots of new

possibilities so we need to take that

responsive approach that adds new

breakpoints for larger screens supports

landscape or portrait views works when

full screen or not and nicely also works

with virtual keyboards and what's next

we're looking at support for mac and

Windows we're looking at things like

adding support for keyboard shortcuts

badging for the launch icon the launch

icon so users can be informed about

important events that full notifications

aren't needed for and link capturing

opening installed pwace when the user

kick clicks on

Lync handled by the app and so we'll be

making more announcements about this on

our chromium blog so take a look there

for the new technologies coming out with

that so just to summarize I wanted to

take this time I have with you today to

tell you all about progressive Web Apps

because in my experience is primarily

developer communities that are talking

about this and I think it's really

important for user experience and design

professionals to get involved with this

we need to work with developers to

determine what experience it is we can

provide through that caching we are the

ones that are going to have some great

ideas and do the research to understand

what those offline experiences ought to

be there were all sorts of user journeys

that can benefit from this such as you

know browsing content when you want

underground transit and that kind of

thing so working together designers and

developers and it's really exciting

consider how these transformations of

the web will support the next use cases

and user experiences we can design for

so that's what I've got for you today

thank you so much for your time you can

contact me at this name on Twitter

thanks a lot

For more infomation >> Transforming Web User Experience | Google UX Research Lead | Jenny Gove - Duration: 27:10.

-------------------------------------------

How to Do Local SEO in 2018: Complete A-Z Tutorial - Duration: 19:18.

Fact:

46% of all Google searches are local, yet 56% of local retailers haven' t even claimed

their Google My Business listing.

If you' re not gaining visibility and customers from local search, then you and I, we are

gonna solve that problem right now with a jam-packed local SEO tutorial.

Stay tuned.

[music]

Sam Oh here with Ahrefs, the SEO tool that helps you grow your search traffic, research

your competitors and dominate your niche.

So, I've got quite a complete tutorial for you on how to do local SEO, so even if you're

just starting out, this video should simplify the process for you quite nicely and help you

gain visibility in local search.

Let's dive right in.

So first, what is local SEO?

It's the process of optimizing your online presence to attract more business from relevant

local searches.

For example, if I type in best Mexican restaurant Toronto, you'll see that the top of the search

results are dominated by a box of local listings on Google Maps, which is called the "Snack Pack".

And below that are your typical organic search results.

It's super important that you can gain position in the "Snack Pack" because they generate

33% of clicks on the search results page.

But it's equally important to rank in the organic search results since they attract

40% of clicks.

So bottom line?

It pays to rank in both spots, which is where local SEO comes in.

Now, Google has an estimated 87% market share, in the US, which means that most people are

using Google to search for local businesses.

So in this tutorial, we'll be focusing on local SEO in Google only.

Now, let's get on the same page and draw out an example scenario.

Let's say that I'm opening up a new coffee shop in downtown Toronto for cool, hard-working

people like SEOs and entrepreneurs.

We'll be open 24/7 because our target audience tends to work around the clock.

And of course, there will be fiber internet because there's nothing more frustrating than

slow public WiFi.

To differentiate ourselves from other coffee shops and build some nice recurring revenue,

we'll be offering virtual office services for a set monthly fee, which includes bottomless

coffee, your own private cubicle, and incoming mail service.

I've invested in this concept, I've dropped a lot of coin, but no one knows about my business

because they're finding other coffee shops like this in Google search.

Alright, so we're going to start with step zero, and it's something all local businesses

need to do.

And that's to ensure your website is optimized for mobile.

According to Bright Local's study, 61% of mobile users are more likely to contact a

local business if they have a mobile site.

You can use Google's Mobile-Friendly Test tool.

Just enter in your domain or URL and shortly after, Google will tell you whether your page

is mobile friendly, or if it's not.

On to step one, and that's to claim and optimize your Google my business listing.

This is arguably the most important part of local SEO.

And it's actually quite easy to do.

Just go to google.com/business, sign into your Google account, and the first thing you'll

need to do is enter in your NAP, which stands for name, address, and phone number.

If you have a business with multiple locations or you purchased a franchise, then you can

start typing in the business name, and you'll see a list of businesses that are already

registered in Google's database.

My coffee shop is called High Speed Coffee, so that's all I'll write and click next.

It's important to note that your business name is not meant for keyword stuffing.

So I wouldn't write something like "Coffee Shop Downtown Toronto 24/7 - High Speed Coffee".

It's not going to help you rank, so don't bother.

Next, we'll enter in our address.

Now, since we' re a coffee shop, we'll obviously have a physical location, but if you're an

independent service provider like a photographer or a work-from-home consultant then your typical

client meetings might happen in their office, or in a coffee shop like High Speed Coffee.

If that's the case, then you can enter in your home address, select the "I deliver goods

and services to my customers," then choose to hide your address since it's not a store.

Now, when your business shows up in Google search, it'll just show the city and province/state

where you work from.

Since that doesn't apply to our business, let's move on to the next step, which is to

pin the marker on the map.

Google's pretty good with this, but you'll want to examine the map and make sure it's

in the exact position where your store is located.

Just drag and drop it and click next when you're done.

As Google recommends, don't add multiple categories to list all of your products and

services.

Instead, you should focus on this statement:

"My business is a blank."

Rather than "My business has blank."

So in the case of High Speed Coffee, our business is a coffee shop, even though it has virtual

office space.

Just start typing in a description and select the most appropriate one from the drop-down.

Let's go to the next step, which is to enter in your phone number and website, which is

pretty straightforward.

This step is optional, but I recommend including both.

Now, we'll need to finish off the process and verify the website, which can be done

by phone or mail.

You just need to follow the instructions from Google and your My Business listing should

be active in no time.

Before you continue, you should add a few more optimizations to your listing.

You can click on the info menu in the sidebar.

Then you can click on the pen icon to edit different parts of your listing.

So you can add more relevant categories, for example.

Other things you should do is to set your hours of operation, add specific URLs to important

pages, add a description of your business, and photos of your actual location.

Now that we have the foundation set up for local SEO, let's move onto step 2, which is

to do some keyword research.

There are some obvious terms you'd want to rank for like "coffee shop near me", "high speed

coffee", "what time does high speed coffee open or close", and "high speed coffee phone number".

With these kinds of local search queries, Google pulls the information from the Google My

Business listing.

For example, if I type in "what time does Starbucks close", Google will pull up the Starbucks in

my vicinity and show the hours of operations for all locations on the map.

And if I specify a location or use a single location business, then you'll see a quick answer

box like this, which is pulled directly from Google My Business.

So rather than going deeper into the "Snack Pack," or Google Maps listings we'll be talking about

keyword research for the organic search results.

First, we need to brainstorm your SiLs, which stands for "service in locations".

As a coffee shop, I'd want to rank for queries like these:

"Coffee shops in Toronto"

"24/7 coffee shops in Toronto"

"24 hour coffee shops in Toronto"

"Virtual office in Toronto"

And we'd want to rank for synonymous variations like "cafe in Toronto".

A photographer, on the other hand, might want to rank for

"photographer in Toronto" or "photographer in a nearby city."

Here are a few ways you can generate solid keyword ideas.

First is to use Google's autocomplete.

Just type in the main query you want to rank for, and you'll see a few good suggestions

here like "open late", "financial district", and "Toronto Canada", which may likely come from

tourists or travelers.

If you're in the services industry, then you can look at local classified sites like Craigslist.

So I can search in their services category and use a seed keyword like "photographer",

and you'll see some cool ideas here like "experienced", "freelance", "engagement shoot" and more.

But in my opinion, the absolute best place is to find the keywords that your competitors

are already ranking for.

And the reason why this is so effective is because this is basically telling you which

keywords that you can also rank for.

You can use a tool like Ahrefs' Site Explorer, and enter in the domain of one of your search

competitors.

Next, go to the organic keywords report.

And this report will show you all of the search queries that the domain is ranking for.

You'll see that they're ranking for a lot of branded queries, so you can use the exclude

box, and type in the brand name, which will give you a nice list of relevant keywords

to target.

And just from a quick scan of this list, there are a couple of keywords that I would have

never thought of like "coffee places near me" and "coffee shop near Eaton Centre", which is

a large mall in downtown Toronto.

You should have a solid list of keyword ideas now, so it's time to move onto some on-page

SEO.

If you're familiar with SEO, then you'll find that a lot of the typical on-page SEO best practices

apply here.

For example, it can be advantageous to include your keyword in your H1 tag, add your target

keyword in the title tag, set the URL slug to your keyword, and use short URLs.

But there are a few other things you should specifically do for local SEO.

Now, these optimizations will vary depending on if you have a single location versus multiple

locations.

So I'll cover both.

The first thing you'll want to do is optimize your homepage.

In general, most single location businesses should optimize their homepage around their

primary location.

So as a Toronto based coffee shop, I would probably target keywords like "coffee shop

Toronto," rather than just coffee shop.

Here's why:

If you look at the organic keywords report for that Toronto coffee shop we were looking

at before, you'll see that nearly all of their keyword rankings revolve around their homepage

And you can see that they rank in the "Snack Pack" for that keyword phrase.

But if I do a search just 30 miles away from downtown Toronto, you'll see completely different

results for the same keyword phrase.

So here are a few on-page optimization tips for your homepage.

First, show NAP information, which again is name, address and phone number on the

homepage.

In fact, you can add this to the footer of your entire website if you operate from a

single location as you can see in this example here.

And it's absolutely critical that your name, address, and phone number match exactly or

as close as possible to what you've submitted to Google My Business.

You can also add testimonials or reviews of your business here and use Schema markup,

which we're going to attack right now.

Schema markup is code that you add to your website to improve the way search engines

read and represent your page in the search engine results.

You can use Google's structured data markup helper to eliminate a whole mess of complicated

coding.

Just select a data type, so in this case, we'd choose local businesses, then enter in

the URL of the page you want to markup and click the "start tagging" button.

Next, just click on the elements that you want to tag.

So if I click on the logo here, I can set it to the name.

Then I'll scroll down to the footer of the page and add a few more markup elements.

So here, you can see that they have two phone numbers, so you'd want to choose the one that's

submitted in their My Business Listing.

And the last thing I'll add is the address.

You would need to select all of the different parts of the address and choose the correct field.

Also, you'll see that they include their address here, but left their postal code out, so in

this case, if I were this business, I would include that in the footer too.

Once you're done, you can click on this button, and a piece of code will come up which you

can add to your website.

Now, if you're a business that has multiple locations, then you're exempt from the rule

of optimizing your homepage around your primary location.

And by multiple locations, I'm not referring to a couple brick and mortar shops 10 miles

from each other, but bigger companies like hotels or car rentals where they might have

hundreds or even thousands of locations.

Instead of the home page, you would want to optimize local landing pages by including

key elements like the location's NAP, operating hours and sprinkle in related keywords targeted

at that location.

Let me show you how Enterprise Car Rental does it

and pay attention to the URLs too as we go through this process.

If you want to rent a car in the US, then you'll start at their location directory where

you need to select a state where you want to rent a car.

Next, you'll need to pick a city within that state.

Then you'll be brought down to the branch level.

Finally, you'll see the local NAP information that's actually designed to convert visitors

into customers.

Scrolling down, you'll see the operating hours for this specific location.

And if we look at the organic traffic for these 4 pages, you'll see that they all get

a good amount of targeted search traffic on landing pages, which I'm sure is quite profitable.

The next step is to build local citations.

And citations are online mentions of your business.

There are two main types of citations.

They are structured and unstructured.

Structured citations are mentions that include your NAP information and it's usually presented

in a visually-structured manner.

So this would include places like business directories and social profiles.

Unstructured citations are mentions of your business that don't follow a structure.

So this might be in blog posts, preferred vendors pages or on other websites.

And building local citations is super important.

According to a 2017 study done by Moz, citation signals were one of the top local ranking

factors, which was true for both Google's "Snack Pack" results and regular organic search

results.

And this is likely due to having consistent NAP information from all over the web, which

verifies that the data Google has in their My Business listing is accurate.

On the other hand, inconsistent NAP information can confuse or mislead both Google and potential

customers.

So your job is two fold:

First, you need to make sure that your existing citations are correct and consistent.

And second, you need to build more relevant citations.

So to handle the first part, you need to perform a citation audit.

More often than not, some of your citations will be incorrect and/or incomplete.

And you can run a quick search using Moz's local search tool.

Just enter in the name of your business, and choose one from the auto select options from

the best results.

From here, you can see a breakdown of the complete, incomplete, inconsistent, and duplicate

citations, which you can then manually fix.

You can also do a manual audit using Google search operators, which I won't get into now,

but you can check out our local SEO blog post.

The link's in the description.

After you've completed your audit, you'll want to build more citations.

Now, if you're a new business, I would start with a list of core structured citations.

Whitespark.ca has a great resource on places to build these structured citations, which

I'll leave a link to in the description.

Just choose a country, and you'll see a list of places to add your mark.

You can then branch out to other relevant local directories like your local chamber

of commerce, other local business associations and then expand to niche specific websites

like TripAdvisor, HomeAdvisor, Findlaw and more.

Another great places to find citation opportunities is to let your competitors do the work for you.

So using Ahrefs' Site Explorer, look up the homepage URL of one of your competitors since most

citations will lead to the homepage.

Next, go to the anchors report.

In here, you can use the search box to look for any of these keywords:

These are common anchor texts that you'll find in directories, which make them easy

citation opportunities.

So if I search for "website," then I'm gonna click on "details" and "referring domains," then you'll

see a bunch of places where we can build both structured and unstructured citations.

Another hyper-effective tactic you can do is to use the Link Intersect tool.

In the top section, enter in the name of a few of your organic search competitors.

So I've already entered in a few domains of top-ranking Toronto coffee shops.

Then, I'll set the top dropdown to show websites that link to any of these sites.

And you can enter in your domain in the bottom box, which will exclude links that are already

linking to your website.

But since we don't have a real website, I'll leave the bottom section empty and run the

search.

Now, when you're looking through the results, just scan these 3 columns and look for referring

domains that link to at least a couple of your target websites.

In general, the more sites a domain links to, the better the chances of it being a legit

place to create your own citation.

So dinehere.ca would be a solid one that we can add our coffee shop to.

With these citation hunting methods, it should be enough to keep you busy for a while.

But we can't stop here because we still need to build quality editorial links.

According to Moz's 2017 survey, link signals were the most important ranking factor for

local organic results.

For the local "Snack Pack," links were the second most important factor.

Rather than focusing on a full-out link building tutorial, I want to leave you with two tried

and true tactics that work.

The first is to create and promote a useful resource.

In this case, a local resource related to your niche would be ideal.

I know I say it all the time, but people are more willing to link to helpful articles over

salesy content like product and services pages.

So a couple ideas would be to create local "best of" guides or content that would appeal

to your target audience.

So for example, we could create content on how to make the best cup of coffee, where we can

plug our own products.

We could also create content targeted at coffee drinking solopreneurs on the best and affordable

local places for office space, since we offer virtual office services.

The second tactic would be to guest blog.

Even though guest posts normally come with a link back to your site, I want you to look

at this as an opportunity to build yourself up as an industry expert.

This is particularly important for people in the services industry.

People want to hire professionals they can trust and know will do a good job.

And often times, they're willing to pay a premium to have the peace of mind that the

job's gonna get done right the first time.

And you can look for local blogs that accept guest posts by googling any of these queries.

So looking at the search results for "Toronto "write for us",

you'll see some very relevant local websites that are seeking writers.

You can also do this in Content Explorer to expand your list of potential guest posting

prospects.

Just type in a topic related to your niche.

So I'll type in "coffee beans" and I'll also set the search to a title search for more

relevant results.

Next, click on the "one article per domain," filter, since we don't need to contact the

same website multiple times.

Scrolling down a bit, you'll see this post on The 12 Best Coffee Beans to Buy.

From here, you could easily pitch yourself as a pro barista that runs a cafe in Toronto

and share some actionable or interesting insights on something like roasting beans.

The last and final step is to take care of ongoing activities.

Even though you've set up your Google My Business and built a bunch of citations, these are

all things that you want to have well-documented.

In business, things change.

That might be you moving to a new location, changing your phone number, or even changing

your business name,

in which case, you would need to update all of your citations.

So the first thing you need to do is ensure that you keep your Google My Business account

active.

There are 3 important regular tasks that you need to

take care of.

First is to consistently respond to customers and client reviews.

This includes both positive and negative comments.

Next is to be on the lookout for inaccurate edits to your Google My Business listing.

Anyone can click on "suggest an edit" on your My Business listing and sometimes Google will

accept these suggestions without notice to you or the business owner.

In fact, scammers have even swapped phone numbers with legit businesses for a quick

payday.

So it's your job to ensure that your listings are up to date and correct at all times.

Finally, is to use Google Posts to keep your customers informed and engaged.

Google Posts is a micro-blogging platform within Google My Business.

And all of these updates are visible in the Knowledge Panel and accessible with the click

of a mouse.

This provides an opportunity to attract more attention to your listing, connect with your

audience and ultimately boost conversions.

You can create a Google Post from within Google My Business by going on the posts menu, click

"Write your post" and then add an image and up to 300 words of text.

This is a great way to share your promotional offers or teasers for your blog posts.

You can also choose a call-to-action button from a list of preset options to bump click-throughs.

I recommend all local businesses play around with this feature and stay active with Google

Posts.

It doesn't take any more time than a tweet and there's a ton of potential to garner attention

from Google searchers.

Now we've covered a lot here, so what I recommend doing right now is putting these techniques

into action, and watching some of the video suggestions in the cards, which will dig deeper

into some of the topics we've talked about like link building, SEO for blogs, and on-page

SEO techniques.

So hit the subscribe button for more actionable SEO and marketing tutorials, go and get your

local website ranked, and I'll see you in the next tutorial.

For more infomation >> How to Do Local SEO in 2018: Complete A-Z Tutorial - Duration: 19:18.

-------------------------------------------

New Ford Focus Offers More Space for Back-to-School Kids - Duration: 0:43.

The average school child grows at a rate of 6 centimetres a year.

Kids can even grow up to 16 centimetres in one year

and half centimetre in a single night.

One study shows kids grow faster during the summer holiday

because they're less stressed.

Some students will return to school 2 centimetres taller after their break.

To help growing families

there's 5 centimetres more knee room in the back of our new Ford Focus.

The floor is flatter too -

so no more squabbling over who sits in the middle seat.

That should make school runs less stressful for everyone.

For more infomation >> New Ford Focus Offers More Space for Back-to-School Kids - Duration: 0:43.

-------------------------------------------

How to divorce your wife | పర స్త్రీ వ్యామోహంతో వచ్చే అనర్ధాలు | top secrets | Sri Telugu astro - Duration: 9:56.

subscribe, like & share

For more infomation >> How to divorce your wife | పర స్త్రీ వ్యామోహంతో వచ్చే అనర్ధాలు | top secrets | Sri Telugu astro - Duration: 9:56.

-------------------------------------------

How to Render 360 VR images and Animations with VRay for Maya to Facebook & Youtube - MayaTubers - Duration: 44:16.

♪ ♫ Subtitles by Carlos Álvarez V. for MayaTubers ^_^

♪ ♫ [music of the intro] - if you will found any error into the subtitles please write to mayatubers@gmail.com Thanks ! ♪ ♫

Welcome Back .. !! wtf ..... ouch this not glasses! ★ Cut !! ★

★ ♪ phi.. ♫ phi.. Action !! ★

Welcome Back MayaTubers !!! to other.... ehh pff these are not either ★ Corten!! ★

★ ♪ phi.. ♫ phi.. Action !! ★

Welcome Back MayaTubers!!! ... ohhh hummm .. I Liked it, but neither are the glasses correct!!

pfff I will be right back !! [Noise when closing the book, Crash]

★ ♪ phi.. ♫ phi.. Action !! ★

Welcome Back to MayaTubers!!! to another tutorial with me I´m Carlos Álvarez Velázquez, and today's tutorial is ..

about Renderand animations in Panorama 360º + Virtual Reality = VR", made with VRay Next 4.0 for Autodesk Maya ❤

Do you like this glasses or helmet for VR? Yes? ☺ I see nothing !! Hello? ... Cut off, Cut off !!!

Ahhh [Sound of a Camera, it's making a Photo] ♪ ♪

☺ for your memories, I hope you do not have nightmares with my photography hahaha

★ ♪ phi.. ♫ phi.. Action !! ★

You already know what the tutorial is about! haha good Why do I do this tutorial? I put here some of your comments

but I also think it's worth this topic, since it will help you improve your projects in the presentations

either for the world of Architecture or ArchViz, for Games and / or Presentations of a Product

before continuing I have to thank Andy by his helped ! I put here the video where it came out for the first time in my channel hehe

where I crush him with a Ionic Column haha Andy had a hard time !! LOL haha

but despite my jokes, he has lent me his glasses Stereoscopics for VR, the Samsung Gear Oculus

that without the glasses VR, I´ll could not check the final result, nor do the intro of this video tutorial hehe

Andy, Thank´s much ❤

I'm going to divide this tutorial into 2 parts

for the Monoscopic and the Stereoscopic with projections of the type Cube Map and Spherical Map

Monoscopic is the form that see a Video Camera or a person with only one eye

Stereoscopic is the form that see person with two eyes, it´s similar to use two cameras of video

This is very important to create 360º Virtual Reality environments. We are going to do 3 different methods,

1º a 360º Panorama and with VR Stereoscopy using Cube Map type to a Specific Web Viewer online for see a panorama 360º or with Glasses VR

2º a 360º Panorama Monoscopic using Spherical Map type and I teach to upload it to Facebook, it's very easy ☺

3º an Animation + Panorama 360º with Monoscopic and Stereoscopic + VR to see it with Glasses on YouTube

don't miss it because it is very easy and we do not need external programs with YouTube

All we are going to do, is with Autodesk Maya, V-Ray, Photoshop and After Effects or any Video Editor ❤

So MayaTubers, I see you inside tutorial, we're going to learn a lot! and "to the mess that I cold" = (this is a spanish expressions hehe) Bye !

Hey, what's up MayaTubers !! We open the Maya, as always, I have a prepared scene !!! this already begins to be a tradition! Hahaha

before starting with the scene interior realistic, we are going to use this simple scene that you are seeing to understand well..

the different Monoscopic and Stereoscopic methodologies in the projections of the 360º Cube and Spherical type

then with a realistic interior, where we will review the concepts learned and upload it to Youtube 360º VR

I'm going to teach you how to upload static images to specific visors VR online, to Facebook and to Youtube Animations

before starting ... with a bit of theory, it is important to define the height and position of the camera in Maya

since we imitate the form a person sees

so I recommend a height between 160 cm to 186 cm for a person who is standing

This is the height from the ground to the eyes, and not the total height of a person.

y otro consejo: es la posición de la cámara dentro de una habitación

Do not put the camera where I have it right now, because if the camera is rotate on its own vertical axis

we find the wall very near to the camera, I recommend a strategic point and for example in center of the room

in this example I opted for this point that marks the arrow that is in the grid

After you have more experience, you can try other points where to place the camera that are more interesting

always use known rotations, such as 90º, 180º and 45º to start, then try others! but now No hehe.

now let's see a bit of theory, just a little bit hehe that is necessary for the understanding of the tutorial

I will talk about the 360º Monoscopic Renders = 360º Panorama. This means that there is a single viewer or 1 camera

a very important detail is the Relationship between the "Device.. and the Pixel Aspect Ratio", to make a correct render

and we will use types 2 of projections or of cameras, 1st the Cube Map with a Device: Pixel ratio of 6: 1

it´s 6 square images with height = width

we identify the images on the screen

1

2

3

4

5

6 Square images

I show you how it would look if we render, I load some images inside the squares. Look how they look?

They look weird, flipped, right?

Would you think that something is doing bad? True? well, yes everything is correct hehe it´s normal ☺

because the Render is the exterior projection of the images of a cube and some rotated so that they are aligned

so you can understand this better, I've done another animation

so in the left we see the render images but placed and oriented correctly, but

we see them from the outside of the cube, same as seen from the render, flipped

but on the right side we see the same cube but rotated towards the inside of the visor VR, so ...

if we introduce the doll with the VR Viewer inside the cube and close it, we will correctly see the renders that were previously flipped in the render final

If you see something strange in the render do not worry you already know why, and it will look good in a 360º viewer

now I will talk about the Spherical Map projection, we see it well in the render and in the viewer, because we see the interior projection

so it will look perfectly with nothing flipped in this case

the Spherical Map projection in Monoscopic has a ratio of 2: 1 known as Equirectangular Images

the images will have x2 heights on the X axis and x1 height on the Y axis - Very Easy !!

these 2 projections would give us a result of images of the Panorama 360º type only

Now we go to the Stereoscopic Images along with the 360º projections that give us the VR

Stereoscopic has 2 methods: The Layout of [Side by Side]

or the [Top Bottom]

it will depend on the VR Viewer that you use, you need to know what type of Layout you use. for example the IrisVR supports Cube Map: Side by Side

with a Device: Pixel ratio of 12:1

and the YouTube uses the projection Spherical Map with [Top Bottom] of relation to 1:1

In the Cube Map the first 6 images are for the left eye and the other 6 the right eye

and in the Spherical Map, the upper image is for the left eye and the lower image for the right eye

we would already have everything necessary to create Virtual Reality of the 360º type and see it with VR Glasses !! ☺

We have finished the theory, it has not been very heavy, no? hehe Now we are going to apply everything we learned with a practical case ☺

There are two methods of applying the Cube Map & Spherical Map projections to the cameras in Maya with VRay

1st we will do it in each camera independently 2nd we will use the Camera Overrides from VRay

for the first method we will create 2 cameras Menu > Create > Cameras > Camera

the camera it´s create by default in the X coordinate, Y, Z = 0,0,0 which is the point that I look for the cameras in this example

now let's say what initial point of view is better, I think it's more interesting the wall 2

I do a test render so you can see what speed is so good and what quality is left by the final render

I currently use VRay Next Beta 2 for Maya but since version 3.40 it works the same for this method

so for October the VRay Next 4.0 for Maya will be finished, I will do tutorials with the new methodologies

to configure the VRay Setting and to correctly use the Denoiser as in this render

Look at that speed, it's not because of my i9 7940X hehe it's because I have it set with a very high threshold = low quality in the sampler

and the local Subdivs are off, I not specify the subdivs in the lights, nor materials and nor in the GI, now we will see the Denoiser in the VFB

the loss of detail with the Denoiser is currently minimal and negligible if we use it correctly

it's worth it either for animations or to speed up the calculation in our production renderings

If I like the wall 2 better, we are going to orient the camera to the wall 2, rotating 90º as seen in the video.

we're going to rename it: RenderCam360Cube We duplicate the camera with Ctrl+d and rename it to RenderCam360spherical

Perfect !! We select the camera for the Cube Map and we see through it from the ViewPort

ahh no matter what we see in the Viewport, I mean the viewing angle, the zoom, etc.

because we are going to use different projections different from the configuration that the camera brings in Maya

let's go to the Attribute Editor tab, always in the tab that has the word Shape, blablaShape

Attributes > VRay > Camera Settings It is not necessary to use a VRay Camera Physical

I recommend using it always but I show you that it is not necessary and I show you in this example

In the final example, yes, I will use VRay's Camera Physical Click on Camera Settings

we go to Extra VRay Attributes

and in type I can select the various types of cameras or but I call it Projections hehe

That some time ago I did a tutorial about the Camera or Orthogonal projections with VRay and Maya to create Isometric views and at 45 degrees

I put here the tutorial if you are interested in seeing it ☝

Apart from the Standard, we have 2 types of Spherical projections, the normal and the Spherical Panorama

that we can modify the Field Of View Vertical = FOV-V, it's a way to use it a bit as a zoom, but

closes the field of vision converting to a cylindrical projection instead of spherical for panoramic

but in this tutorial we are not going to modify the Vertical FOV, only the horizontal, ok?

we choose 6x1 Cube = Projection Cube Map, and you do not have to configure anything else inside the Camera Settings

I do a render only in Light Cache and we will see the error quickly

Ops! hehe now we go over the theory, what happens? we have 6 images, but they are not square, Height = Width

Review of the theory, this type of projection needs a ratio of 6: 1 Device / Pixel

we disable the [Maintain Width/Height Ratio] and we put in Height: 6 and in Width: 1, but Maya change it for a 2 ..

because minimum it needs 2 pixels to make a render, then we change the Height for the double, 6x2 = 12

now we have in Device Aspect Ratio: 6,000 and in the Pixel Aspect Ratio: 1,000 = 6: 1 well done!

Activate again the [Maintain Width/Height Ratio] and we only need to define the Height, for example 1920 pixels

and it has automatically multiplied 1920 x 6 = 11520 pixels in the width. Easy !!

we go to render, it´s do it good because we have used the mathematical theory of the Dar: Pair relationship

Finished, I'll activate the Denoiser, it looks great and no noise! this would good for a 360º panorama with projections of the type Cube Map

look at the number 6, the camera is well aligned and below, but when we use stereoscopy

It is like the camera had 2 eyes, we will see that the 6 will be rotated to one side and the other to the opposite

we already know how to get a 360º Monoscopic image with Cube Map !!! Yeah !

ahora toca hacerla con Estereoscopía para un entorno de Realidad Virtual o Aumentada

we go back to the attributes of the camera and we're going to Attibutes > VRay > Stereoscopic Camera

Many people will ask me haha Hey Carlos What is that about the Shade Map (for Stereoscopic)?

it works to reduce rendering times when using the stereoscopic camera, but accelerates only if you use blur DOF = Depth Of Field

it is not important for this tutorial, in the official website of Chaos Group they explain it very well and with many examples

If you have any doubt or question, write it in the comments of this video tutorial ✎

we continue! hehe we have activated the stereoscopic camera, we look in the options, blah blah, but ...

but the most important apart from the distance between each eye, is the Layout: [Side by Side] or [Top Bottom]

The VR Online visor accepts the Cube Map type projection with a Layout of Side by Side

"Adjust Resolution" we will not use it, because I want to teach the manual method, but this automatically adjusts the resolution hehe

I do it manually because I want that you understand the concepts and theory we are doing and learning, Render !!

everything is squashed, we will solve it manually, thanks to the theory of the stereoscopic render

the ratio is 12: 1, so we modify the Width: 24 and the Height: 2, getting the 12,000: 1,000 = 12:1

we define again the height that was 1920 and multiplies 1920x12 = 23040 pixels of width

uff is a big rende !! hehe I estimate that it will take about 2 hours

well I stop the video and now we see the finished render, I'm going to make coffee haha

finished!! haha now you can see that all the letters are flipped, it's all right!

I remind you that it is the exterior projection of the Cube! and the interior will be seen next from the VR Visor

Look at the numbers 6 come out rotated and before it´s good aligned. This is due to the distance between eyes of 6.5 cm

the Eye Distance is in centimeters and I recommend values between 6 cm and 7 cm, I like to use 6.3 cm or 6.5 cm

or measure the real distance between your eyes, from the center of the pupil to the other center, it will be perfect !! hehe

I already saved the image and I uploaded it to the visor VR that you are going to see below

This IRIS VR viewer has a good relationship with Chaos Group and I found it interesting since it supports all the formats that exist for the VR

All online viewers have 45 days or enough free points to show a client the finished job and practice haha

I know it has a Cube Map VR 360º viewer with App for Android and IOS

Supports Side by Side and Top Bottom, for uploading the image is very easy, you just have to click on upload and you have it automatically ☺

click in the image 360º

from the computer the VR viewer does not show the image stereoscopic, but only the part of image Monoscopic, like as Panorama 360º

there are other Viewers like the VRto.me that allows you to preview it as if you had a VR glasses on your computer

I love it looks great! Although it has little bit errors in some unions of the cube

Do you see that horizontal white line and the other vertical line? they are acceptable and despicable errors hehe

the perfect projection for me is the Spherical Map, since it only has a union and it does not usually give errors

We are going to see it in a stereoscopic way with VR glasses, I use the IPhone X but the App is not adapted

They could obscure the ends as youtube does, but with the VR glasses that failure is not appreciated

because the VR glasses has the lens bounded by a smaller radius circumference

Now let's see the Spherical Map projection with this scene to see how to create a 360º Panorama and we will upload to Facebook

and then with more complex scene we will make an animation, Spherical Map 360º with Stereoscopic for upload to YouTube

We select the camera that we will use for the Spherical Map method and we do a quick render

this camera has no extra configuration, it's a camera Maya without properties of VRay

with the selected camera ... Attributes > VRay > Camera Settings

We select the type of camera to Spherical or Spherical Panorama, they are the same, but one have the FOV Vertical

to the Spherical you have to modify the FOV from 45º to 360º to obtain a projection complete sphere, Activate the FOV Overrides and write: 360

let's render to see the error in the proportions, since this has to be an Equirectangular image = 2:1

the render is very stretched, we will fix it thanks to the theory hehe, with a ratio of 2: 1

and now it changes in Width: 4 and Height: 2 and we already have 2,000: 1,000 = 2:1

and we put again a height of 1920 pixels and automatically 1920x2 = 3840 pixels of width

let's do the render !! I'll be right back

finished! looks great !! a fast render without noise! I love it !! ❤

Being a Spherical projection, we only have one cut, it is an interior projection and we do not see it flipped ☺

I'm going to save this image in jpg to try to upload it to Facebook as a 360º image ... one moment ... tic tac ... zZZ ⌚

we go to my personal facebook, don't gossip to me, ehh haha, there is confidence with my MayaTubers ❤

We are going to try to upload a 360º image without injecting metadata into Facebook hehe

Facebook is not a fortune teller, he does not detect it, it is a 360º panorama

There are many methods to indicate that it is a 360º image, injecting metadata or

putting the name of the 360 camera model in the properties of the file: Ricoh Theta S or Gear360 for example

but there is a super easy method, using PhotoShop and you can even edit it in format 360º!

We open the image and make sure we have selected the main layer

Menu > 3D > Spherical Panorama > New panorama of the selected layers

Yes, you have to edit the image directly from here, I don't explain it because there are many tutorials that talk about that.

You´ll find in English and Spanish, they are very good tutorials

Photoshop projects it to us in a sphere and we can rotate and preview it in case it has an error, but it is perfect!

simply there is to export the image, Menu > 3D > Spherical Panorama > Export Panorama

we add it to the file name, for example the word injected and click on Save

We return to Facebook and we repeat the operation but with the image injected one!

Automatically Facebook detects it, we see the word 360º and the icon of the world ball

so in editing we can make a preview to check how it looks before uploading the 360 image

and we would have the image on Facebook ... very easy and simple! there are more methods eh

Now it's time to teach to do it on YouTube, I recommend using YouTube since it's a very powerful platform

for your projects and clients, since you do not need extra programs to visualize 360º or 360º + VR

let me delete the 360º image of my Facebook profile hehe

I'm going to open the realistic interior scene to do this test! I Stop the video and return now

This is a scene from a personal project that I am working on, to sell at a low cost, it will depend on the

of the effort that takes me to finish it. Since there are no resources for VRay for Maya in the internet ... well ☺

I show you the position and height of the camera is 170 cm, which we will use for the final render

the only mistake that takes away realism, is that we are on top of the bed, but there is not much floor haha

we will indicate that it is a 360 ° Spherical camera, but from the VRay Setting > Overrides

This is the 2nd Method and so you learn all hehe (soon a tutorial of the Auto Exposure Camera)

we selected the Spherical Panorama and we changed the FOV from 45º to 360º as in the previous one, but from the Overrides

let's change the Aspect / Ratio to 2:1

this section is basically review, watch the video *^_^*

well let's see what conditions YouTube asks us to make a 360º Panorama video

gives us some guidelines to follow: the minimum and maximum resolution, fps, equidistant = equirectangular, 2: 1, and more..

There are also guidelines to make videos with virtual environments and use the VR Glasses, we will see it soon, but ..

before we do a quick render to check that everything is correct, I put a provisional height of 1920 px !! and Render!

the view is perfect, the position and height of the camera, I like it!

✎ IDEAS: we could animate the interior of the television with a video, or move the camera, it does not have to be a

static image. But rendering an animation would have very high render times, since they are very large resolutions

we continue, we are going to transform it into a stereoscopic camera, as we already know but this time

we change the Layout to Top Bottom and today we do not touch the Adjust Resolution hehe

Being Stereoscopic the ratio changes from 2:1 to 1:1 and we return to the YouTube guide for VR videos

Correct is 1:1 and at least one resolution of 5120 x 5120 pixels LOL

this resolution will give us problems with the H.254 Mp4 codec in the Adobe Encoder Media

Currently the compressors have standard resolutions, like 1080p, or 4K, etc ... but

If you leave outside the standard resolutions you will have problems, I teach alternatives to convert it to mp4 later

continuous! we use the minimum resolution that asks for YouTube of 5120 pixels

How does YouTube know it's a 360º VR video? Thanks to the Metadata injector for Win and Mac

All the necessary information of I leave this video in the description.

I change the resolution and the relation to 1:1 placing both the Width and the Height 5120 pixels and I Render it !!

Well, 50 years have passed haha nahh it´s a joke ! hehe only needed 6 hours is not wrong

Currently VRay Cloud is in Beta and you can render monstrous animations like this one for FREE

but when they finish the beta version, it will become a paid service

I'm not going to do an animation of this because each frame 6 hours haha would be crazy hehe

I have made a small animation of some letters and I have rendered it in 360º Stereoscopic as an example

so you know that you can animate virtual environments in video, they do not have to be only static images

the visitor will see a virtual tour as an animation, and can rotate the view of the camera when moving his head, it's great!

but if you want full control you will need UnReal or Unity programs for games that are used in architectural visualization

but as a video is great too, we will use YouTube

Apart from this render I have made another one in white without textures, some letters for the end and other animated ones

for the start of the video. I open the scene of the animated letters

I show you an animation of the letters with MASH and I make you a PlayBlast to see the real speed at 25 fps

Es un ejemplo para que conozcáis que se puede hacer imágenes animadas dentro de Vídeos 360º + VR

Imagine a complete virtual tour, through different rooms and everything very fluid, the imagination to power!

We open the After Effects or any Video editor does not matter !! I do not know why I'm still using AE ...? pff haha

because it is a mononucleus program it only uses one thread and I have 28 of my Intel i9 haha ouch

I'll give you a quick example of how to set up an animation for 360º VR for YouTube

Many will ask me how do I load a sequence of renderings of an animation in AE? hehe

go to import and select the first frame of the animation and activate Sequence Images and Open

we have all those frames as a single file

We need an initial composition to start working on AE, select the Final Render and drag it as seen in the video.

AE creates a composition automatically with the dimensions of the image and the rest values are default, look at the properties and check that everything is correct

you could edit 360º Monoscopic images as like in Photoshop, but Stereoscopic VR 360º, I don´t know if you can do it!

appear in my AE this VR glasses icon and I dont know how used hehe if someone knows how to use it to write it in comments hehe

okay !! we add the background music for the video, just drag and drop it on the timeline

we add the animation of the letters for the beginning of the video and but before it adds a solid layer in black to use it in the background, this way we avoid future transparencies

we duplicate the animation of the letters with Ctrl+d. I select the top one and move the timeline guide

we see the animation of the letters, see it? but I don't want the animation to start right at the beginning

I will use the freeze frame tool, but first I must indicate which frame I want to freeze

I move the guide to the beginning right there and now if I freeze the frame, click

now I move the guide of the timeline, and it no longer has any animation we only see the frozen frame

I will use it for the start, from 0% opacity to 100% and right there I will match it with the animation of the letters! Watch the Video!

clic duplicamos este con control de

We repeat the same action but in reverse, watch at the video, any doubt write in the comments ✎

we put the gray render below to make a transition to the color rendering, it's simple but functional

This is by way of example, I press the 0 key to preview what we have done.

♫ ♪ [music of the video] ♫ ♪

the video is already getting long, so I finish it and now I show it to you as it has been finish!!

I'm only using 2 renders, the animation of the initial letters and 1 render of the final letters, just 4 elements for make the animation

but we will get a good result to upload the 360º VR video to Youtube !!

i was finished hehe good I better show it to you !

... one moment, I speak a lot pff ... haha

♫ ♪ [music of the video] ♫ ♪ I show the first part of the video

I advance a little bit

♫ ♪ [music of the video] ♫ ♪ I show the last part of the video

basically that's the animation What do you think? It is a good example

I add and configure the normal video processing with AVI format, Watch the video.

and then you will use the Codec that you like, I use Xdiv, we accept and we would process the video.

The problem I had when trying to process the video with Adobe Media Encoder to directly have the video in mp4

* Note: For animations below 2304 pixels you will not have any problem with this method until they update it

basically the H.264 codec does not let me process videos larger than 2304x2304 pixels watch the video ...

I did not want to complicate my life and look for the solution .. because there are more methods to achieve it hehe

We closed the Adobe Media Encoder and processed the video with AE! once finished you have to convert it from AVI to MP4

this is the video in AVI that AE has created, you have to convert it to MP4 because it forces us the injector that we download from YouTube

do you see in the file extensions? *.mov or *.mp4

we are going to convert to mp4 using the VLC player, it was recommended to me by Andy too hehe

Menu > Convert later go to the File tab > Add and Select the video format in format AVI

Click in Convert/Save and the Converter window opens, we leave Codec H264 selected and edit its properties

in the tab of the Video Codec > Scale: change to 1 and the resolution to 5120x5120 px and click in Save

you indicate the destination file and click in Start. so It will play the video and when finished, it will be converted in MP4

very simple, easy, easy hehe. This is the file converted to mp4 with the VLC Player without extra programs haha

now yes we are going to inject the metadata for youtube, we open the injector

Click in Open, select the mp4 video and click in Open again

the letters in blue color is an accepted video if they appear in red bad signal hehe check it that automatically detects that it is 360º

but we've also done Stereoscopic, you have to activate the box where you specify that it has to be ...

with a layout: Top Bottom hehe and spherical convention with stereoscopic, well activate it

and click in Injected Metadata, the program added the word injected to the name of the file and click in Save

we can see from the VLC if it has the metadata, if it has it it looks like inside a sphere !! we continue!

you only need an account on YouTube and upload the video, because YouTube will now automatically detect the VR + 360º

this my secondary channel, I use it to upload videos of specific doubts referring to some tutorial mine *^_^*

well !! we upload the video to YouTube, we select the injected one, we wait for it to recognize it ...

Great !! Detected !! bla bla ... this video is Virtual Reality VR! I already have it uploaded on my official channel

When I publish this video I will publish both at the same time

I show you the final result in the browser of the computer and then the mobile phone

great YouTube! haha shows it to us as a 360º Panorama video, and it looks great without pixelated !! I love it !!

it looks better even than in Facebook and in the online VR viewer, to see the VR mode we need the updated youtube app in Android or IOS

I'm going to put the final result from an iPhone X, but if you use the VR glasses hallucinate! hehe

1º we see it in 360º panorama, it looks great and you can move it with your finger or the gyroscope of the iPhone X

Click in the Glasses icon and change to VR

I will try to reproduce it from the start

with glasses VR is really amazing LOL uff

you can buy the glasses Google CardBoard are very cheap, very low cost

This in your presentation of a project for a contest, or for the school, portfolio, university, sale for a client and more..

I think they would hallucinate pickles haha It's a Spanish expression haha

I feel that I am inside the LOL room, it is a long tutorial but it is worth the final result

with YouTube you don´t need anything else just click on play! but for an interactive virtual reality we will need to use Unreal !!

probablemente haga tutorial de Maya + VRay + UnReal

¿Qué os parece el tutorial? ✎ Escribirme en comentarios vuestra opinión, dudas, ideas y/o saludos !!

if you liked the video give me a Like ❤ and SUBSCRIBE if you have not done it yet !!!!

♪ ♫ If you know someone who might be interested in this material, SHARE IT !! with that person ❤

❤ MayaTubers a big hug and until the next Tutorial !! Bye! ❤

♪ ♫ SUBSCRIBE ✎ *^_^* For more TUTORIALS ♪ ♫

For more infomation >> How to Render 360 VR images and Animations with VRay for Maya to Facebook & Youtube - MayaTubers - Duration: 44:16.

-------------------------------------------

Sergio Bello fue eliminado de Exatlón Estados Unidos | Un Nuevo Día | Telemundo - Duration: 4:43.

For more infomation >> Sergio Bello fue eliminado de Exatlón Estados Unidos | Un Nuevo Día | Telemundo - Duration: 4:43.

-------------------------------------------

Iraq Vet Shares Her Heartbreaking Response to Bush Trashing Trump at McCain Funeral - Duration: 3:29.

For more infomation >> Iraq Vet Shares Her Heartbreaking Response to Bush Trashing Trump at McCain Funeral - Duration: 3:29.

-------------------------------------------

¡A Nicki Minaj se le salieron los 2 senos en vivo! | Un Nuevo Día | Telemundo - Duration: 4:58.

For more infomation >> ¡A Nicki Minaj se le salieron los 2 senos en vivo! | Un Nuevo Día | Telemundo - Duration: 4:58.

-------------------------------------------

Report of downed hang glider prompts ocean search - Duration: 1:05.

For more infomation >> Report of downed hang glider prompts ocean search - Duration: 1:05.

-------------------------------------------

Lil Uzi Vert- Bando [Bass Boosted] - Duration: 0:56.

Your Listening to Lil Uzi Vert- Bando (prod. Oogiemane & Loosie Man)

Like, Comment & Subscribe

For more infomation >> Lil Uzi Vert- Bando [Bass Boosted] - Duration: 0:56.

-------------------------------------------

Flu Vaccine 2018 - 2019 - Duration: 4:42.

I've made this video to support the NHS and all of its hard working amazing staff this winter

so let's talk flu jabs

I'm going to tell you everything you need to know about flu vaccines

but this is not a normal Abraham the pharmacist video it's like a journey video but you'll see

please share this video with friends and family because you could potentially save a life

flu and influenza are the same thing in the UK on average it kills 8,000 people per year

last year it killed 15,000 people which is why public health England

collaborate with me to spread the word

now flu isn't dangerous for everyone for healthy adults under the age of 65

it can be a very unpleasant illness which lasts a week or two with symptoms like

extreme tiredness, weakness, chills, fever, joint pain and many more

flu is most dangerous for people in risk groups so who's in the group

over 65s, pregnant women, people living in residential homes and certain medical conditions

like asthma, COPD, diabetes and many more

the full list is in the description below which reminds me it also includes children but why children?

lets ask Jane a practice nurse who knows her stuff when it comes to flu jabs

so Jane why should children get the flu vaccine?

"well the flu vaccine helps protect children from what can be a really unpleasant illness"

"but more importantly it can help stop the spread of the virus to vulnerable friends and family"

that's amazing so the flu vaccine also helps stop the spread of the flu?

"exactly and if patients in the at risk groups get flu they have a higher probability of it leading to serious"

"complications and even death so this is why the at risk population are entitled to the free NHS flu vaccine"

"flu leads thousands of GP visits and tens of thousands of hospitals stays each year"

"so getting the vaccine really supports the NHS especially during the busy winter period"

two questions I get asked very occasionally by patients

question one how effective is the flu vaccine?

and question two what are the other ingredients in the flu vaccine?

now I'm going to answer those for you now

the truth is the flu vaccine works better in some years than others

across all age groups in 2015 to 16 the vaccine prevented 52.4% of flu cases

and in 2016 to 17 it prevented 39.8% of flu cases the flu virus changes and it's very difficult to predict

now because of this this year there will be two different types of flu vaccines for patients

so let's see what they are

so those aged 65 and over will be offered the trivalent flu vaccine which protects against three strains of flu

it also contains something called an adjuvant now if you're thinking what's an adjuvant it basically helps

strengthen and lengthen the immune response to a vaccine

and these have been shown to work better in older adults

babies children and adults up to 64 years old will be offered the quadrivalent flu vaccine

which means it will protect against four strains of flu virus vaccines are currently the best defence we have

against the flu virus which is why public health England and the medical community all agree

that if you're eligible to get the free NHS flu jab then get vaccinated

question two, yes vaccines have small minute quantities of ingredients which are found naturally

in the body for example many vaccines contain salts based on sodium and potassium

which regulate the acidity of the vaccine

other ingredients help improve the immune response or to preserve and stabilise the vaccine

but again these aren't harmful and most of them are completely normal for our bodies

just like everything in life vaccines do carry some risks but these risks are all very minor

redness or swelling at the injection site a minor fever nothing serious

reactions to the actual vaccine are very rare

thank you to everyone for coming on this journey with me

I hope this video has helped explain the importance of getting the flu vaccine

please don't forget to share on this video to friends and family

you can get the free NHS flu jab at almost all pharmacies and all GP surgeries

if you've got a busy schedule then not to worry just pop into your local pharmacy

they don't usually need appointments and can give you your vaccines straight away

see you next Monday

hey guys thanks for watching this week's video

make sure to click that like follow or subscribe button now to stay up to date with new weekly videos

For more infomation >> Flu Vaccine 2018 - 2019 - Duration: 4:42.

-------------------------------------------

(FREE) Moneybagg Yo Type Beat 2018 x NBA Youngboy x Gunna "VOGUE" | Free Type Beat Wat U On - Duration: 3:11.

(FREE) Moneybagg Yo Type Beat 2018 x NBA Youngboy x Gunna "VOGUE" | Free Type Beat Wat U On

For more infomation >> (FREE) Moneybagg Yo Type Beat 2018 x NBA Youngboy x Gunna "VOGUE" | Free Type Beat Wat U On - Duration: 3:11.

-------------------------------------------

¡Conoce a la abuelita que conquistó a J Balvin! | Un Nuevo Día | Telemundo - Duration: 3:31.

For more infomation >> ¡Conoce a la abuelita que conquistó a J Balvin! | Un Nuevo Día | Telemundo - Duration: 3:31.

-------------------------------------------

60 m² Beautiful Lågaröören 18 Houses That Will Make You Reconsider Your Home - Duration: 2:35.

60 m² Beautiful Lågaröören 18 Houses That Will Make You Reconsider Your Home

For more infomation >> 60 m² Beautiful Lågaröören 18 Houses That Will Make You Reconsider Your Home - Duration: 2:35.

-------------------------------------------

Horóscopo hoy, 3 de septiembre de 2018, por el astrólogo Mario Vannucci | Un Nuevo Día | Telemundo - Duration: 3:42.

For more infomation >> Horóscopo hoy, 3 de septiembre de 2018, por el astrólogo Mario Vannucci | Un Nuevo Día | Telemundo - Duration: 3:42.

-------------------------------------------

DOJ, FBI Tried to Collude with Russian Oligarch Against Trump, Oligarch Reportedly Confirms - Duration: 4:10.

For more infomation >> DOJ, FBI Tried to Collude with Russian Oligarch Against Trump, Oligarch Reportedly Confirms - Duration: 4:10.

-------------------------------------------

¡Marjorie de Sousa despotricó contra Julián Gil! | Un Nuevo Día | Telemundo - Duration: 2:35.

For more infomation >> ¡Marjorie de Sousa despotricó contra Julián Gil! | Un Nuevo Día | Telemundo - Duration: 2:35.

-------------------------------------------

Asesinaron a Jorge Acosta, vocalista de "Último Tiro" | Un Nuevo Día | Telemundo - Duration: 5:40.

For more infomation >> Asesinaron a Jorge Acosta, vocalista de "Último Tiro" | Un Nuevo Día | Telemundo - Duration: 5:40.

-------------------------------------------

Sergio Bello se emociona al recordar su paso por Exatlón | Un Nuevo Día | Telemundo - Duration: 6:45.

For more infomation >> Sergio Bello se emociona al recordar su paso por Exatlón | Un Nuevo Día | Telemundo - Duration: 6:45.

-------------------------------------------

Spanish for survival - Frases con lengua - Duration: 1:32.

Welcome!

Today with don Quijote we're going to discover some common sayings

with tongue.

The tongue is the muscle we use to speak

and taste our food,

but Spanish is also full of expressions that use it.

For example, if someone is telling you something and at the end says

don't leave your tongue,

be careful! They're asking you not to repeat

what they've told you.

However, if they say that you give a lot to your tongue,

it means you talk a lot, or too much.

To stop talking so much,

what you can do is bite your tongue

In other words, fight the urge to say something.

Of course, surely at some time someone

has insisted that you tell them something.

You should know

that they were pulling on your tongue.

Now, if you come across a person

who doesn't have hair on their tongue,

it means the person is direct, honest,

and will tell you what they think.

Finally,

one of the expressions with tongue

we use the most

has to do with children who are learning how to talk.

Since they don't pronounce words very well,

we say that they have a rag tongue.

So, starting now,

keep learning Spanish with don Quijote

and dale a la lengua [start talking]!

Không có nhận xét nào:

Đăng nhận xét