Author: Jimmy Dagger

Find out my interests on my awesome blog!

Service Workers – The State of the Web

Post author By Jimmy Dagger
Post date April 23, 2020
No Comments on Service Workers – The State of the Web

My guest is jeff posnick, he’s on Google’s developer relations team and today we’re talking about service workers and how they’re elevating the capabilities of progressive web apps. Let’S get started all right, so Jeff, thanks for being here in the context of web technologies. What does it mean for a worker and what does it actually do so? The whole idea of a worker has been around for a while.

Traditionally there were web workers and it’s basically serves as almost like a background thread for the web, so a worker can execute JavaScript code, that’s kind of independent from the context of your actual web page and it’s a great way to kind of offload processing or I Do tasks that might take a certain amount of time without slowing down the main thread for your web page and yeah, that that’s kind of should been the traditional model for workers on the web.

So now what does it mean for a Service Worker? What does that? Actually do the service workers builds kind of on that concept and adds some superpowers really things that you were not able to do before so a service worker is similar to worker and that it’s, you know, running independent from your actual web page and it doesn’t have Access to things like the Dom you know or the global scope of your web page, but unlike workers, it could respond to specific events and some of those events relate to network traffic.

So one of the really cool things and most common use cases for a Service Worker is to respond to outgoing Network requests that your webpage might be making, and you can kind of sit in between your webpage and the network and almost serve as a proxy that You control and you could write code to take advantage of things like the cache, storage, API and say hey. You know, I know how to respond to this particular request without having to go to the network.

I could just use this cache response and thereby saving you know the uncertainty and unreliability that comes with coming against the network. It also enables capabilities like push notifications, etc. Yeah so there’s a whole bunch of kind of event based listeners that you can set up in the Service Worker, including responding to portion of vacations. That may come from a notification server and you know fetching requests and people other kind of interesting things are kinda slated for the future as well.

So what’s the status of its implementation and support? Yes, the service workers are well supported right now in modern browsers. So pretty much anything Chrome or chromium based, Firefox, Safari and edge at the moment, it’s great. They all have at least a basic level of support for service workers and some of the enabling technologies, like the cache storage API, so they’re they’re ready to use right now.

So web sites may experience Network reliability issues at any. Given time, would you recommend service workers for every website? Should they all be using one? Well, I mean it’s tempting to just throw a service worker up and see what happens. I would suggest to take a little bit more of a considerate approach before adding a Service Worker to your web app. Ideally, a service worker will kind of play the same role that your web server would play and maybe share the same logic for doing routing and templating that your web server would normally respond with.

And if you have a setup where, like your web server, for instance from a lot of single page apps, the web servers just can respond with some static HTML that could be used satisfy any sort of request. That’S pretty easy to map into a Service Worker behavior. We call that the app shell model or a service work role say: hey. You know, you’re navigating to XYZ URL. I could just respond with this HTML and it’ll always work.

So that’s a really good model for using a serviceworker. If you have a single page app we’re also seeing some success with partners or using models where their servers implemented in JavaScript, they have some routing logic and they have some templating logic. That’S on JavaScript, and that translates over really well to the serviceworker as well, where the serviceworker you just basically fill the role that the server would normally play.

I would say if you have a scenario where your back-end web server is doing a whole bunch of complex templating and remote API calls and language that is not JavaScript. It really might be hard to get your serviceworker to behave exactly the same way. So in those scenarios I mean you can add a serviceworker and we have some kind of provisions in place to not pay the price of having that serviceworker, intercepting all requests and then not doing anything and just going on against the network.

There are waves of saying, hey, you know we have a serviceworker, but we’re not going to be able to respond with HTML for navigation requests. In those scenarios it is still possible use the serviceworker for things like ok, show, custom offline page when you detect that a user’s network connection is down or implement a kind of interesting caching strategy, like still while revalidate for certain types of resources.

So it is still possible to add a serviceworker in those cases, but you won’t necessarily get the same performance and reliability benefits that you get when your serviceworker really respond to all navigations with HTML by essentially having a network proxy juggling requests and responses. Is there a latency cost of having a serviceworker yeah, so I mean you’re you’re running JavaScript code, that’s sitting in between your web app and then a work and that’s not for me.

Some of it depends upon whether the serviceworker is already running. One of the kind of neat features about a serviceworker is that just it’s particularly to preserve battery on mobile devices? It’S killed pretty aggressively. It doesn’t just keep running forever in the background. So sometimes you do have to startup the serviceworker again and there is a cost involved in that startup. There’S a really good talk from the chrome dev summit that just happened a couple of months ago that kind of goes into some metrics and real-world performance.

Timings of you know exactly how long it takes to startup a serviceworker, seeing tens to hundreds of milliseconds depending upon the actual device and things like the storage beautiful device. So you are going to be paying that cost. Potentially, when you’re using a serviceworker – and you know again – that’s really why it’s important to make sure that you have a strategy in place for responding to requests, hopefully by avoiding that work and just going against storage API.

Ideally, and if you’re doing that, then you should see the service worker give you an that positive in terms of performance, you know paying tens, maybe even hundreds of milliseconds is nothing compared to the multiple seconds. Simply didn’t see that you might expect from making a network request each time you navigate to a new URL right. What’S the saying the fastest request is the one that you never need to make indeed yeah.

So what are some anti patterns that you’ve seen the way that people have implemented service workers? There’S a lot of power involved in using a Service Worker? It is just JavaScript that you could write that will pretty much do whatever you want, so you can do all sorts of crazy things, some of which are kind of cool as proof of concepts, but not necessarily things you want to deploy to production in terms of The things that we’ve seen kind of as pain, points or things that are pretty easy to, unfortunately get wrong when implementing a Service Worker.

I think one of the things that it’s most common is caching requests and responses, as you go without having any sort of upper limit on the amount of data that you’re storing. So now you can imagine a website that maybe has a bunch of different articles. Each of those articles has images it’s pretty easy to write a serviceworker that just intercepts all those requests and takes the responses, save some in the cache, but those cached responses will never get cleaned up by default.

There’S not really any provision in the cache storage API for saying you know stop when you reach 50 or 100 entries, or something like that, so you could very easily just keep using up space on your users devices and potentially use up space for things that are Never going to be used again, you know if you have an article from a week ago and you’re caching, all the images and that article that’s kind of cool.

I guess if you’re going to be visit article immediately, but if it’s a page that users never going to go to again, then you’re, really just caching things for no reason. I would say that really one of the important things before you implement your serviceworker kind of have a strategy for each type of request and say: here’s my navigation requests that are being made for HTML; here’s how I’m going to respond to them here.

The image requests. I’M making you know, maybe it doesn’t make sense to cash them at all, or maybe certain it only cache certain images and not others. So thinking about that – and that really just means getting really comfortable with the kind of network info panel in the browser’s dev tools and just seeing the full list of requests are being made. You know. Sometimes your web app is making requests.

If you don’t even realize it’s happening and it’s coming from the third-party code and your service worker ends up seeing that too, so you want to make sure that you know what your service work is doing. You know what your web app is doing and just one other. I would know that a lot of times and kind of pain, point and things that could go wrong with me using a service work, but just has to do with controlling updates to resources.

So you know you are stepping in between. You know your web app and a web server you’re responding, potentially the cached resources, if you’re not sure that those cached resources are being updated. Every time you make changes to your actual website and you read – apply to your web server, it’s possible that your users will end up seeing stale content kind of indefinitely, and this is a trade-off like seeing stale content, but avoiding the network gives you performance benefits.

So that’s that’s good for a lot of scenarios, but you do need to have a provision in place for updating and making sure that you know. Maybe the user sees still content then the next time they visit the site. They get fresh content. So you know you could do that right. Unfortunately, you could get that part wrong and the users can end up the frustrating experience. So you maintain a tool called work box j/s.

What is that? What does it do sure so? Work box is open source and a set of libraries for dealing with service workers and kind of all aspects of building service workers. So we have some tools that integrated with build processes, including you know we have web pack plugin. We have a command line tool. We have a node module and that aspect of the tools, basically, is something you can drop in your current build process and kind of get a list of all of the assets that are being produced.

Every time you rebuild your site along with kind of some fingerprinting information like say you know, this is a particular version of your index. Dot HTML work backs will keep track of that for you and then it will efficiently cache all of those files that are being created by your build process for you and that just helps ensure that you don’t run into scenarios like I just described where you’ve rebuilt.

Your site – and you know you never get updates to your previously cached resources and we also have some tools as part of work box, that kind of harm or execute at runtime. That’S part of the serviceworker, so some libraries for doing common things like routing requests. We have there’s just kind of some canonical response strategies for dealing with caching, so things like still while we validate or going cache.

First, we have implementations of those strategies inside of work box, and then we have some kind of like value adds on top of what you get with the basic serviceworker spec in the cache stored specs. So we actually have an implementation of a cache expiration policy that you could apply to the caches that would otherwise just grow indefinitely, but using work box you could say, hey. You know it actually like to stop.

When I reach ten items and purge the least recently used items and just cache when that happens, and a few other kind of ran two modules, we see it as a bit of a kind of grab bag for all the things that somebody might want to do With a serviceworker and we kind of ship them as individual modules, you can choose the ones that you think would be useful for your particular use case. I don’t want to use something, that’s fine, you don’t have to incur the cost of you know downloading it or anything like that.

Do you foresee some of those caching and expiration policies making their way back into the cache storage API yeah. I mean it’s kind of interesting whenever you have something: that’s almost like a polyfill for some behavior on the web. You know whether that ends up being implemented back into the standards, and you know the the actual runtime could just fade away and just use the underlying standards.

And you know I’d like to see that. I think that where cost has been really great for kind of enabling folks to ship service workers in production and seeing the types of things that they actually need, when you’re shipping somebody in production and a lot of times when you could do that and get points. As a vision thing like yeah, you know it is actually important to have run time, cache expiration.

That could then be used. You know when going to different standards, groups and saying hey, we really do need to extend. You know, what’s supported natively in the platform, to take care of this really common use case. You know what that actually happens or not remains to be seen, but you know I think work box is positioned to help folks with kind of that initial, proving that these things are necessary stage kind of take it from there.

So, in terms of adoption, according to the HTTP archive, less than 1 % of websites tested actually include a serviceworker which is kind of a misleading number. For two reasons. The first is that it’s actually growing at a very fast rate and the websites that do include it are actually pretty popular websites. Can you give us some examples of those yeah? So I think you know the raw number of URLs unique URLs might be on the lower side, but I think in terms of traffic, you know sites as big as Google search have deployed a serviceworker for some types of clients.

You know partners that we’ve talked about using work box, in particular in the past and Gleevec Starbucks has a nice progressive web app, that’s implemented Pinterest as well, and there’s also some sites that you might have heard of like Facebook and Twitter that are using service workers. Not using work box but using them to kind of unlock things like you know, they’re progressive web app experience – or you know in some cases just showing notifications, which is important part of you know being on the web and having parity with native apps.

So you know, I think that the actual number of you know you visits to web pages is probably much higher than the 1 % number would indicate, and you know I mean there are challenges with adding a service worker into especially legacy sites. You know it does. Take that coordination that we talked about before tree, making sure that your service worker actually is behaving in a similar way that your web server would behave and yeah that doesn’t always fit into existing sites.

So a lot of times we’ve seen when working with partners in particular, is like you know: you’re planning a rewrite, re architecture of your site anyway, that’s a great time to add a service worker in and just kind of take care of that story as well. Are there any options for CMS users who may be using things like WordPress or Drupal? So there definitely are, and I think that you know first of all, I’d work for everybody back to another talk from the most recent chrome dev summit.

That really goes into some detail about the WordPress ecosystem in general, so they have a really cool solution, some folks from the dev rel team that Google have been working on it and I think it kind of works around one that that problem. I was saying where the architecture for your kind of back-end web server needs to match up with the serviceworker implementation I kind of just sending a baseline.

So it’s not an attempt to take any arbitrary, WordPress site that might be out there, which might be executing random PHP code depending upon you know what kind of themes and extensions and all the other stuff is going on. You really are not going to be able to successfully translate that into just a general-purpose serviceworker, but the approach that was subscribed and this talk. It seems to be building on top of a kind of a common baseline of using the amp plugin as a starting point.

So any site that has gone through the effort of kind of meeting all the requirements for using the amp plugin. So it means I don’t know the full set, but I think, like not running external scripts, not doing anything too crazy with other plugins. That’S inserting random HTML on the page building. On top of that, you can then have a serviceworker. That’S like okay. I actually do know how to handle this subset of activities that you know WordPress is doing when it’s using the unplug in and it can automatically generate that serviceworker for you.

So again, it’s part of a migration story. I think it’s not going to just drop into any existing legacy WordPress site, but it does give a nice path forward for folks who are planning on rewriting anyway are planning on making some changes anyway, and plugging into the CMS ecosystem is great way to increase adoption By tens of percents on what yeah absolutely so, what kinds of resources would you recommend for someone who’s just getting started with service workers? We have a lot of material available, some of which is more recent than others.

I would say that the things that I worked on most recently are the resiliency section of web dev. So if you were to go there kind of have something I would walk you through the various steps of thinking about adding a service worker to your website or just really thinking about making your website more resilient in general. So it’ll talk about you know identifying your network traffic it’ll talk about using the browser’s HTTP cache effectively, which is kind of your first line of defense, and then it all kind of go into how you could add work box to an existing site and the various Steps involved there, so if you want kind of a guided path, I would say that’s one option we’ll biased.

For that. I would say that if you want to just learn more about service workers in general and material written by my colleague, Jake Archibald, it’s probably the best that for folks who really want to deep dive on things, he was somebody who worked on the actual serviceworker specification And you know he knows more than anybody else about these things, so he was a really great article talking about the serviceworker lifecycle, just all the different events we have fired, and you know how you have to handle those events differently and implications that they have for You know the state of your caches and updates, and things like that so diving into that would be kind of my recommended starting point, and he has another article that talks about kind of a cookbook almost for recipes for caching, so implementations of the stove are valid.

A pattern cache first pattern: if you wanted to implement it yourself, instead of using work box, he kind of walks through the process. There is that the offline cookbook, yes, the offline cookbook, and if you want something, that’s really offline, there’s some actual physical books that that are pretty cool, related to service workers and progressive web apps in general. There’S a new book written by Jason, Grigsby, eight in particular, that I would recommend and just kind of talks a little bit about, I’m necessarily some of the technical aspects of service workers, but more about why you should think about adding a service worker to your site And why you might want to build progressive web app in general and that’s a really cool book, that kind of takes it from a slightly different angle, but gives some good perspective great Jeff.

Thank you again for being here. Absolutely you can find links to everything we talked about in the description below thanks a lot and we’ll see you next time.

Website management packages are important for any business these days. Check out the video from Allshouse Designs to see what can be done for your company and yes, for how much.

Tags API, cached, Chrome developers, GDS: Yes;, Google Chrome, HTTP, network, offline cookbook, Progressive Web Apps, PWA, resource control, service worker support, Service workers, state of service workers, state of the web, using service workers on MDN, workbox tool

Online Marketing

Easiest Way to Create a Great Customer Service Resume in 10 Minutes or Less!

Post author By Jimmy Dagger
Post date April 23, 2020
No Comments on Easiest Way to Create a Great Customer Service Resume in 10 Minutes or Less!

Have you ever had a hard time putting together your first resume? Well, don’t worry because we’ve got you covered here at sweet job spot you’ll get an amazing resume. That looks just like this. With all the information that you need for a customer service position, and especially for those of you that are transitioning from a face-to-face retail environment and might be interested in working in a call center working in an office of some sort, this is going to be a Really great opportunity for you to do that: transition by having a professional resume at an affordable price.

So here’s what the resume is going to look like in the very end it’ll give you the opportunity to put not one but two jobs in here, and I know some of you have had more than two jobs, but we’re going to keep with the format of Two, so that way it can stay on one page, and if this is one of your first couple of jobs, this is going to be great for somebody with about 3 to 5 years of experience, whether you went to high school, whether you finished high school, whether You went to college or even finished college.

This is going to be a great resume for you and we have two options for you: one for those who finished high school and one for those of you who have started or finished college. So let’s go ahead and get started. I’M going to share my screen and you’re going to see what is on with the customer service template. Ok, so the first thing you’re going to do is the resume questionnaire and now, as I said before, it will fill in pretty much all the words for you.

But we want to get a little bit of detail so that when you’re submitting this resume to somebody, they can get some key information about what you’ve done so far. So we’re starting off with your personal information and you’re, going to put in your name first and last: it’s up to you! If you want to put your middle name or if you have a suffix like junior or senior or the third or anything like that, you can put that in there now.

I only recommend that you put in your city and state because we don’t want to get too much personal information for privacy reasons. Also, it’s better for search reasons for those of you who are looking to relocate for those of you that may live in an area that is far from the job you’re seeking and so that you are not discriminated against based on location. I’Ve learned that a lot of recruiters tend to choose their candidates, based on how close they are to the job, and sometimes that could be a real hurdle for people that may live outside of town and their only opportunity is going to be inside of town.

So we don’t want that to be an issue. You want to pick the most most logical location for where your you want to work, the biggest major city for this kind of job and, as I said before, you, as I haven’t said yet, is you can adjust this depending on the job? So sometimes you may need to adjust it to make it more localized, but I suggest always going with the biggest major city because it’s easier for recruiters to find you now you’re going to put in your email address, and this is going to it’s set up really.

Like a job application, it’s it has a few more detailed questions, but for the most part, it’s going to be just a job application for experience. We have this little tool here, so you can scroll right, left and choose your experiments. Experience I’m going to choose four years for this example. Now the current or most recent company, if it’s your current company, let’s say it’s: your most recent company, you’re going to I’ve, worked at a clothing store.

So I worked at clothing, store number one, two, three four: it is a recent company for me, I’m no longer working there. It’S in Atlanta, Georgia and job title was head cashier right. Excuse me head cashier. Ah, okay, once I learned how to type excuse me, I worked there from February 2017 up until recently, which is June 2019, and for those of you that are currently working in your company. You can click current company and then the end dates going to be present.

Okay, now you’re going to have retail stores, retail stores, the type of company I worked for and I sold women’s clothing and the person I reported to was my store manager and my average number of customers. I worked with were thirty a day, so I was there. I was the head cashier, so I worked pretty much. You know 35 hours a week and um you know, is there for most of the day serving customers. So that’s my example right and you want to go back and think of your work experience when you’re putting in their customer account, because that’s going to be important for people to know what kind of volume you’ve learned to deal with.

So especially, we call centers. That’S really important for them. Now your previous company name. Now that’s going to be the company before the one that I worked at now, so that company is Berger Depot all right. I worked in also Atlanta, Georgia. I moved here. Here’S my story. I moved here right after high school and, and you know my first job was at a burger place. While I was in college right when I just got out of college when I was just getting out of school out of high school, and so the company type is fast-food restaurant, you want to make sure you put in the full type of company.

So, instead of store clothing store instead of fast food, fast food, restaurant make sure you have that whole name in there and the products that I offered were burgers and french fries. You can also use the term American fare. That’S also one that people people like right. American fare that that means that’s like an Applebee’s. You know burgers fries shakes. You know salads things like that, so you could put American fare in there if you’d like or Mexican food.

Something like that, and I started that the minute I got here to Atlanta when I first went started going to college and I and that’s what I serve so we’ve been here for four years, so I have 2016 excuse me. 2015 can’t count 2016 and I started there in June and I ended there in January, right after my semester break and that’s when I decided that I was going to go ahead and leave after semester break, you see how that story builds right there.

That also is really going to be helpful for you when you’re in your interview – and they ask you – you know what have you done, etc, etc, right so and at that job I was considered a. I was a cashier, also okay, but I was just a junior level person and we’re going to keep that we’re going to keep that junior level. Make sure that your job titles are in the uppercase. Excuse me and everything else is going to be lowercase and I reported to my shift supervisor and that’s in lower case and there I probably did about 50 customers a day.

https://m.youtube.com/watch?v=hgHVXMP2x-Q

I can always ask and see. You know ask her manager, hey, you know how many people are we serving a day about how many people it’s really helpful, and then you want to put in your college so right now, I’m attending Piedmont, Tech. I am getting my associates degree and business right. That’S why I want to go and work in a call center or I want to work in an office, because I want to work in business now.

I don’t want to work in the fast-food arena or in the face to face arena. I’M looking to see what the other side of the business is with the back office side use those skills, I’m learning in my school and I went to and that college is in Atlanta Georgia, but I haven’t graduated yet I still have one more semester, so I’m Going to go ahead and leave that blank and then I’m going to put in my high school, which I’m from California, so I’m going to put in my California, high school and right there and put my city in state, I’m going to apply the discount code.

For those of you who are reading this, I’ve got a discount code for you. It is YouTube. So if you see this on YouTube, you’ll get the YouTube discount code go ahead and apply that discount. You save 10 % and you get it for $ 8.99 click. Here on create my resume and your resume is going to be created. It’Ll. Take you to PayPal for that payment. Alright, now you’ve had your payment made you’re going to go right here to your inbox and you’re, going to see your new resume right here at the top.

It’S going to tell you thank you and in here once you click on it. You’Ll see your resume. You see here, I said I had four years experience. It’Ll have four years once again: it’ll have those skills listed that you have now. If you need to change some of these skills, you can always change them, but anybody who has worked in customer service has at least 90 % of these skills. You may have a few extras too, so if you have few extras, you can always put those in there.

Now it has my clothing store that I worked in city and state. It has the fact that I was a head cashier. That’S my title. That’S why I said you want to make that to be in your upper case: right, assisted customers with women’s clothing purchases right. So in here they’re going to see. Oh, I assisted 30 customers per day. Answering questions I develop relationships promoting customer satisfaction. I helped promote.

I achieve sales and regular revenue targets successfully promoting women’s clothing right here at burger depot. I reported to the shift supervisor assisting customers with American fare. You can say American, fair food, you can say Mexican food, whatever you want to put. I put American in capitals that way. You know people know what kind of food it was and that you helped people describing food. You could also write burgers and fries.

It’S really up to you, but, as you can see it’s in here now I have my education. My associates degree, Piedmont, Tech and Atlanta, Georgia right and my diploma, my sotius degree in business. As you can see, that’s the type of classes, I’m taking the diploma from my high school and then my technical skills. Okay. Now these are basic technical skills that pretty much everybody has anybody who’s you who’s.

Looking for a job in the office, it’s really important that you have some of these skills. Now, if you’re going to school for business, you probably have learned Microsoft Word and Excel, especially if you’re, a junior or senior in your second year of your associate’s degree, they’ve taught you some of this, so you can put that in their POS systems. We all know a POS system, that’s the cashiering system that you use when you’re scanning or punching information in electronic price scanners.

That’S when you’re, you know clicking the little thing and and they’re getting the price off the tickets, so you’ve used those things. So those kind of technical skills are already there. If you haven’t used them. This isn’t a word document. You can always delete it. If you have other skills, you can always add them. So here’s the best thing rather than paying a lot of money for somebody for your first job or your first.

You know position that you’re looking for you can start with this and you can kind of play around with it. If you read it and you say hmm, you know I didn’t really do that. You could take something out or put it in, but this will give you something basic to work with something you can be really proud of really well-crafted, and you know at a professional level, this has been reviewed by by recruiters and HR representatives and they actually really Liked it, they thought that this was something that you could use and they will accept something like this.

It’S great for job fairs, it’s great to send out to people to put on in deed or anywhere else, and the formatting is good because it doesn’t have too much stuff on it, but it has a clean nice look. So, thank you guys so much, and this is available to you anytime, just go on to the link and use that discount code, and we will we’ll we’ll see you on the other side. Don’T forget to comment whether or not you get a job, because I want to hear about your experiences guys.

So thanks so much sweetheart go ahead and follow me for more tips on looking for a job for keeping a job and for improving yourself overall in your career, so you can get out of the job of your nightmares and into the career of your dreams. Thanks guys, bye, bye, you

Thank you for visiting my post about the video I found on Youtube. I hope it gives you a little insight into customers and how you should treat your customers. Remember, I appreciate you and what you have to offer. Check out what Allshouse Designs thinks about customer service.

Online Marketing

Indexing your PWA (Discoverability & SEO) – Progressive Web App Training

Post author By Jimmy Dagger
Post date April 23, 2020
1 Comment on Indexing your PWA (Discoverability & SEO) – Progressive Web App Training

Every search engine has a different way of ranking pages, but they all depend on a web crawler to gather information, and when you build a JavaScript driven site, the crawler might not be able to find everything you might need to give it a little help.

While every search engine has its own way of crawling, there are two fairly obvious rules. First, if the crawler can’t see it, it’s not going to be indexed and everything needs its own URL. There may be a trivial solution for your site if customers always search for a landing page or other static content, but those pages be static content. This won’t index client rendered content, but that may be exactly what you want.

This does raise an interesting distinction. A PWA does not have to be a single page app, you could add a serviceworker do every page in a website or a multi page app. As long as these pages have the same origin and path, they will share a serviceworker. Another option is to serve a render the dynamic content and then let the client take over rendering this lets any crawler see and index. All of your content.

You can use these solutions with any crawler since there’s no JavaScript involved, and if you want your app to be indexed everywhere, you’ll have to render it on the server. You can write code that renders on the client or as server-side JavaScript, it’s called isomorphic JavaScript, but that assumes you’re using node or another JavaScript server. And if you want an easy test, you can run lighthouse.

It includes some basic SEO. Discoverability tests lighthouse runs some basic SEO tests as if you have an HTML only crawler each test has instructions for fixing or improving shortcomings. Okay, so the universal answer is not to depend on JavaScript, but Google’s crawler can run JavaScript. So you can index client rendered sites. As long as you follow some rules, there are about a dozen rules, but the top five will take you most of the way we’ve already covered.

The first rule make your content crawlable. That means rendering it so the crawler can find it. If you’re writing a single page app, the top five rules become these top five tips. Many developers provide navigation links with a hash for the URL and use a click listener. Instead, these should point to actual paths in your app to trigger changes. You also need to avoid URL fragments the part that begins with a hash sign these break many tools and libraries and are now deprecated.

We used to recommend hash-bang prefixes for crawling a jet-powered sites as a way to change URLs without reloading the page. But now you should use the history API. Instead, the next rule is to use canonical URLs for duplicate content. For example, amp pages normally have a server rendered page and the client rendered amp page. The client rendered page has a link back to the server rendered page using the rel equals canonical attribute.

The crawler will index the canonical server rendered page some developers, even shadow, their client rendered pages, with server rendered pages and use the canonical link to point back to the server. This makes more of the app discoverable tip. Number 4 also gives you great accessibility, use the native HTML elements whenever possible. Crawlers know what to do with an actual button, but won’t recognize a div of class button in the same way, finally use progressive enhancement, use polyfills, where it makes sense to support older browsers.

You never know which version of a browser is used in a particular crawler, so play it safe. Some simple changes can improve your data quality and give users much better results. One is to use the schema.Org annotations for structured data there, a predefined schema for common areas, such as e-commerce, scheduling and job postings search engines, can use the schema annotations to parse your data accurately.

The same logic applies to the Open Graph protocol, which allows any web page to become a rich object in a social graph. Finally, the Twitter cards provide a rich media card that displays, when anyone links to your site from Twitter, it’s important to test your work and work iteratively. So the you can see the effects of each change. Testing on multiple browsers is not only a best practice for everyday development.

It ensures your site renders correctly on multiple crawlers testing with the Google webmasters search console will crawl your site and show the result, and you should always pay attention to loading performance. Use tools such as PageSpeed insights or webpage tests to measure the loading performance of your site remember about 40 % of consumers will leave a page that takes longer than 3 seconds to load.

Of course, the most important rule is to treat client-side rendering as a progressive enhancement. If you test on a range of browsers, you’re, probably fine. If you want to be certain, you can use the fetch as Google tool on the site. If that went by a little fast see the Google Webmaster central blog for the details on how to make your PWA search ready. Then come back here and I’ll. Tell you how to measure user engagement in your PW A’s thanks for reading

You have to try the best pumpkin seed snack from Spunks! Learn about the creators by watching the video below.

Tags Chrome, course, Developers, discoverability, google, Google Developers, indexing, mobile web, mobile web applications, progressive web applications, Progressive Web Apps, PWA, search engine optimization, SEO, web, web applications, web apps, Web Development, web platform

Online Marketing

Interview with Raakhi Agrawal, Digital Strategy Marketing Manager at Nestle

Post author By Jimmy Dagger
Post date April 22, 2020
No Comments on Interview with Raakhi Agrawal, Digital Strategy Marketing Manager at Nestle

So what are some of the things you hope to take away from here when you leave tomorrow? I really want to see how my our competitors and our peers are really pushing in the mobile space. We do a lot in terms of optimizing for mobile, depending on who’s viewing and and what the desktop versus mobile exchange is, but also in terms of content.

We like to preview all our content in the mobile environment as well, so demographics and psychographics decide which social platform do you enjoy the most when it comes to running mobile article. I think Facebook and Instagram are the most interesting it right now and we spend the most money on Facebook, mostly because we’re trying to crack that code of how to keep our users interested so beyond.

You can really easily see through the tools that they provide when the drop-off point is and a lot of times it’s around a three-second mark. So it’s a big challenge to make sure that we make content and limping enough and are serving it to the right people or it’s engaging enough for them to stay to actually read. How are you using data to be more and more relevant to the customer experience? If you serve people the right content at the right time, when they’re most receptive to it, they’re more likely to engage with your content, so this initiative at Nathalie is called personalized consumer experiences or PPE.

Really, it means understanding who your consumer is and creating something that they want to engage with. So, for example, if I segment my consumers – and I know that I I’m going to reach moms of children this age and they usually check their email or they go on Facebook at this time in the morning. That’S when I’m going to serve them an ad, maybe they’re, creating their shopping lists at the time for the day.

That’S when you serve them an ad instead of later in the day when they’re, tired or what better go on for entertainment versus actually thinking about what they want to do. How do you sort through click-through rates engagement rates, article views because of some degree they’re all important, but how do you look at all that data to prove effectiveness before the campaign goes live? We want to define what the objective is and what the appropriate KPIs are.

So, for example, if we want to hit on awareness as a larger KPI and we’re using article for awareness, we are looking at article completion where and we’re looking at how many impressions are served so CPM. If we want to go further down the funnel – and we want to do conversions, then we’re looking at click-through and seeing if they’re, following through on the link. So it really depends on what the objective of the campaign is and what your medium is, that you’re serving.

If it’s static for some article versus whatever it might be a gift, well, speaking of gifts, are you would types of creative? Are you finding to be the most effective? Obviously it’s based upon the particular objective, but let’s say with awareness: are you finding long-form article or gifs or images to be the most effective, we’re finding that long-form article, especially in social environments, isn’t as effective? We see so much drop-off and why are you putting 30 seconds of article content out there if people are only reading 80 right, so we’re playing with much shorter form? Facebook tells us the article should, oh, maybe as long as it takes health story, preferably under 15 seconds right.

So that’s what we’re shooting for and then we’re also playing with. Maybe we have better luck with just having a gift and really strong intro copy to make sure that we’re getting the point across and getting this call to action across. How much are you using influencers to actually create content for brands that are more millennial focused? I would say we use influencers a little bit more, I’m so.

Sweet arts is an example. They use Troye Sivan last year for their sweet chart campaign and dujour now has used. I think you’ve probably seen the ads influencers before as well. So not only are we using them to promote from our blogs, but these influencers are also promoting from their own blogs and we’re whitelisting them as well, and we try and make sure that it’s believable right, we don’t want to just choose an influencer.

For the sake of to dream and to answer like we don’t want to choose somebody who just rotates products and goes to the competitor right away. We want to make sure that it’s somebody that genuinely has an attachment for the product and the Android brand and then can really through word-of-mouth potential and through their influence, really convince their consumers that hey this might be cool for us to try as well.

What gets you up in the morning were you most excited about when you’re going to your work, seeing the success of a campaign and then not even if they just campaign just a media push we tried out to just focus campaigns now in the digital space we Want to be always on on top of mine with our consumers, so I think anytime. We see something or try something new that actually moves. The needle is really excited well.

Thank you very much. Rocky really appreciate.

Online Marketing

Web Performance: SEO Mythbusting

Post author By Jimmy Dagger
Post date April 22, 2020
No Comments on Web Performance: SEO Mythbusting

Myth busting with me today Is Ada Rose, Cannon and you’re working for Samsung. Is that right? What do you do at Samsung? So for Samsung? I’M a developer advocate for the web browser Samsung Internet Samsung Internet is a web browser for Android phones.

You can get it from the Play Store, but not a lot of people have heard about it. So there’s lots. What I do is trying to raise awareness, but more importantly than that, What I’m trying to do is advocate for the web as a platform to try and encourage developers to build for it and to Make sure it lasts long into the future. As a great and healthy platform for people to build stuff with, I love to have you here, because I want to talk to you about the SEO Versus performance and usability on the web, and I think we need to get some stuff out of the way right.

So will you say what is the most important bits and pieces that you would like people to focus on more when building web stuff? So I have a huge passion for ensuring that That the web remains great for everyone around the world, Not just on people using the latest handsets and on desktop computers, Because most people aren’t people are using devices from years ago and low-end sub $ 100 devices, where, Frankly, today, the the modern web is just not even reaching them There’s a fantastic talk from Alex Russell Who goes into the the reality of people with phones that are less than $ 100 And yeah.

That’S a that’s! A fantastic one. You’D have the naive thought that, as time goes on, that phones are getting steadily better and at a bottom of the line phone is Nowadays is just as good at the top of line phone four years ago, when they’re, not It’s just getting wider and wider Wider. The chasm is opening, rather than anything else, What was really awesome. I heard recently Google was doing performance metrics into Into their ratings for search results.

I don’t So was this front-end web performance like render speed, making sure it’s not janky, or is this just Making sure that a page loads really quickly? So it is a little… It’S a it’s a tricky one, because we have so many metrics right. We have Time to first bite. We have time to interactive, We have time to first meaningful paint, and then you have like the frame rates and stuff.. Now Googlebot, which is the tool that basically fetches the data and renders your website for for Search Indexing.

We don’t really interact that much with the page, So we can’t really get like figure out if your scroll is smooth on something like that, but we do get the rendering bits. So we can tell you, when the page becomes responsive to inputs, when the content is ready for the user to consume, So we’re looking at the blend of these kind of modes Yeah of performance. Does that make sense? It does make sense.

So do you have any other qualms with like how SEO influences the daily work of a web developer? So a friend of mine recently rebuilt her site using React. She was very excited about it and and seemed to get quite good to client side performance Once it all loaded. Unfortunately, when she sent it out to her company’s Team to which does SEO analysis, they came back with an answer of. We love your site.

It’S really good, But you’ve basically don’t appear in the rankings, even though she could show them that look right there. It’S on Google Is Google engaging with people who do SEO analysis to ensure that They’re running up-to-date metrics, the similar ones to Google to ensure that even a heavily client-side rendered page, and They can feel confident that it is being measured. Well, So we can’t really Fix what people are doing in terms of what they were tools.

They’re using or something, But what we do want is we want to open this black box of SEO for everyone, So we’re having this conversation web developers We’re having this conversation with Seo and tool makers and we provide a bunch of metrics and tools as well. So we have search console that gives you a bunch of insights and how you’re doing in search so that you’re, not relying on someone else. Basically, sticking the finger in the wind and Reading the stars and stuff, and we also.

We also want to make sure that people are understanding that blanket statements like JavaScript’s going to kill your SEO or you cannot use, React or Angular that that’s not necessarily the best way of doing it. It’S a really comfortable answer, probably mmm. It’S not the right answer. Sometimes All right so at Chrome, Dev Summit. I saw your great talk on SEO in the web. Thank you, And one thing you mentioned was the the rendering for By Googlebot to actually process a JavaScript heavy site could take up to a week to happen.

Does this mean that JavaScript heavy sites are effectively getting penalized in Google Search results right, They’re, not getting penalized, so they are ranking just fine, but the indexing stage is where the problem is because, as you say, we are processing by putting them first into a rendering Queue and then eventually, As we have the resources available, We are rendering them and if the resources take a while to actually render That means that we cannot refresh the content in the index as quickly so News sites might want to look into that.

But then again you have usability issues anyways right, Yes right and that’s because that’s bad for the user. We try to find search results that are good for the users and If a page takes ages to load. That is not a good experience for me. So you want to fix that because of the users, not necessarily just because of the crawler. So if a page is Built using, I know I have a bit of a bias against these JavaScript heavy front-end client-side Rendered pages, because they’re terrible for everyone who doesn’t have like an iPhone or latest Pixel, or something Yeah or a desktop computer.

But anyway, for these sites, if the way they make their money is delivering fresh content daily. Does this mean that the content in the search results may actually be like out of date? For them They might be lagging? Then? Yes, absolutely And I think again, like it’s very important to get the users a great experience, and I don’t think you can do that when you are Heavily relying on client-side rendering, because good Devices might be really old, So yeah one way of working around.

Unless you want to Properly fix this and do hybrid, rendering or server-side rendering One way around of that is to do dynamic, rendering and basically like give us a static rendered version of your page for the crawler So that we can index it quicker. But that’s not making the user usability and user experience problems going. So what do you say it’s generally safer to rely more on on latest HTML and CSS, Knowing that they degrade more gracefully than JavaScript? Yes, Don’t speak! If you look at the the tristar of Technology that we have in the web platform like HTML, CSS and JavaScript, HTML and CSS are just more resilient than JavaScript, and so Relying on JavaScript, too heavily is always going to probably get you into trouble with certain ways And spotty network connections and stuff, So I would say, use polyfills use, progressive enhancement, use what the web platform offers you and use JavaScript responsibly Yeah.

It’S really great to hear, especially from a Googler that, like reducing reliance on JavaScript and Taking advantage of good HTML and CSS, where it’s available can can actually wonders for your SEO. Absolutely Ada. Thank you so much for being here and talking to me about performance and SEO, and I do you have a feeling that SEO and web developers can work together nicer or is there still…? I think, as long as the goals of what people are trying to accomplish are clear and we’re not just like resorting to auguries or looking at the stars to work out what Google is thinking, then it’s going to Enabled developers to actually build sites that make sense And take advantage of that platform, Anything Google can do to ensure that the web works for everyone and not just in the wealthy Western web, then It’ll be really really fantastic.

Fantastic closing words. Thank you so much for being here. Thank you This just in the next episode of SEO. Myth-Busting is going to be about SEO in the age of frameworks, Jason Miller, and I will talk about what that entails. So stay tuned on this blog Subscribe to Google webmasters and see you soon.

You have to try the best pumpkin seed snack from Spunks! Learn about the creators by watching the video below.

Online Marketing

SEO: where search engine results come from

Post author By Jimmy Dagger
Post date April 22, 2020
No Comments on SEO: where search engine results come from

So here’s a search result and a series of search results. Anyways, and you can see the top three right here. The first thing to notice is this big link that everyone clicks on the content inside here is the title tag of your HTML file. So if I have an empty HTML file right here, whatever you type in between the title tags here shows up right here.

So that’s a very important section for keywords: it’s the section that most people read not too many people actually read the description underneath. But the title here is extremely important because that’s what people see as well as Google uses the keywords from the title when displaying search results. Another thing that’s important to our website is this description. Underneath here this description can come from one of two places: either the Meta Description tag in our HTML, so we could have a tag like this at a name equals description and content equals whatever and put a small description in here.

So this will either come from that tag or it will come from the first paragraph on your page, so it will come from here now, there’s no way for us to tell Google which to choose either the first paragraph or the Meta Description. Google just figures out whichever one is more appropriate, whichever one is more targeted to humans and that’s what we’ll be choose chosen. So the description here and the title here, we have control over another place.

That Google looks for keywords, as you can see. Right here is the URL you’ll notice that the keyword, dinosaur or dime soars down here has been highlighted in the URL, showing you that the URL that you choose for your website actually impacts your search results. There’S a few other things right here. These links underneath the search results. We don’t really have any control over those Google figures out.

What links are important and shows them at the bottom, underneath the search results right here for this movie or this is the TV series. Actually, you can see there’s a rating, so it’s giving us a star rating and a numerical version and how many votes this information here is taken from the enhanced metadata supplied by the website and then we’ll look at that in future articles. So what we’re seeing here in the search results page is a few things.

https://m.youtube.com/watch?v=bpE-bIX1z9M

The blue is the title. The green is the URL that we’ve chosen and you can see it’s matching keywords in that, and then this here is either the first paragraph on the site or the meta description. So that’s where Google gets the content to display in its search results page and the same thing applies to other search engines like DuckDuckGo and Bing. So the same sort of techniques are applied for those also

You have to try the best pumpkin seed snack from Spunks! Learn about the creators by watching the video below.

Tags design, html, semantics, SEO, web

Online Marketing

Graphic Design Tips for Digital Marketing and Social Media – the #weareslam show ep 3

Post author By Jimmy Dagger
Post date April 21, 2020
7 Comments on Graphic Design Tips for Digital Marketing and Social Media – the #weareslam show ep 3

Welcome to the we are slam, show a show where we share marketing trends, best practices and ideas to help your business grow, and today I have with me Whitney Brockman. She is our art director here at slam agency and today we’re going to share some tips and some best practices on how to design for digital. Yes, I’m very excited stuff, yeah yeah.

So this is the type of stuff that Whitney does day in and day out, for slam and for our clients, and so I’m really excited, because this is a this is going to be some good information that you can use immediately. You can take back to your teams to your agencies and you can you can get some good work done so Whitney welcome to the show Thanks. So today we’re talking about best practices for designing and digital, and more than anything, we have to realize that print and digital are two completely different things.

Print in many cases is still relevant, but most of the design work is going digital at this point. So let’s talk about like, what’s the one, the big thing that people should keep in mind so traditionally the clients that I’m working with have been more towards the print side of design, and it’s been interesting to have them translate what they’ve been doing in print to Digital because it is dramatically different, there are limitations.

There are, you know, restraints that you can’t necessarily it doesn’t translate in digital world and you really have to grab the attention of the viewer and when I am given tasks and projects to work on, I really have to think about the big picture so like what It what’s the goal who’s going to see this who’s this for and if it’s a campaign, when is it going to end, so I can figure out the best way to get the most attention and engagement right off the bat and that that big picture is important Because, with print you know like a magazine ad or something like that, you’re designing it, it’s going through several different stages of iterations of you know.

Process might take a few weeks or a month to design going back and forth with the client and then at some point in the future. Like you see it in a magazine and that’s that right yeah, you can’t, if you see it once, you can’t necessarily go back and find it through all your magazines, but on social media. It is interesting because if you remember an ad, you can easily go find it with a lot of campaigns, you’re going to have multiple ads on multiple platforms.

So you can do those ads targeting your audience, and you know they’re going to see that over and over again, which is really great and that’s why you have to think about the big picture. It’S not just one ad. It’S not going to just be there for just one person to see and with a print ad. Typically, you want to include as much information as you can in the ad. Typically, that’s what we see a lot of, but in digital, like you, said, think of the big picture like that.

Storyline is constantly happening across different blogs different times, and you have opportunities to communicate that message over time. You don’t have to do it all at once and because, most of the time, the ads going to click through to a page where you can put all the information you want, so the driving factor is you just have to make it look good. You have to make it different. You can take risks because it’s a digital platform.

It’S like I said it’s only going to live for a couple days. You can take risks, that’s what’s important and that’s that’s one of the advantages of digital is that you can try new things and because and because of that – or you can do that, because you have essentially instant feedback built into each of the Train of flexibility. Yes, so like we post something on Facebook and instantly, we know whether or not that design and that copy is engaging and whether it’s having the effect we want it to have easy, well easily trackable.

You know if, if you have one post that you post one day and it’s getting all this feedback a lot of likes and comments and shares, you know they were doing right. But then you maybe post something very similar with a different image and you can see that it’s not engaging and you really got to sit down and you know dissect that feedback and figure out what makes one post better than the other. And we are talking a little bit earlier about just like this traditional process, which typically, you know, takes time yes and the digital process, which, because of the nature of digital, we are able to create content today and post it today and get our feedback today, and Because of that, you, you mentioned earlier to be quick, like don’t sit on ideas, especially when they’re relevant you know in this world we have things going viral every day and and you can’t wait a week if something’s gone viral, if you want to jump on board, You got to get going and figure out the best way for your team, or you know yourself to manage your time and get what needs to get out as fast as you can and because you have a format or a blog, where things only last.

For a couple of days, it’s okay! If it’s not perfect, right right exactly and if you make a mistake, you can delete it, which is nice. You can re-edit re-upload, so um. I think the thing that drives the most results is taking those risks within the brand guidelines, of course, of course, stay on stay on bran, but take those right and within the blogs guidelines. That’S probably the final point that we mentioned is that yeah, you mentioned a little bit earlier about advertising on Facebook and the 20 % rule, but just in general, every network is going to have some sort of guidelines right.

So it’s become second nature for me because I do it so much, but if you aren’t aware of especially with Facebook guidelines for advertising, there’s a limit for the amount of words that you can have on an ad. So it’s you want to really have the strong imagery making sure that your ads are going to be the most boosted and going to reach the the biggest audience there you go so Whitney. Thank you for sharing with us on how to design for digital.

If you have questions about how you should be designing for digital or just about designing in this day and age period, Whitney is going to be answering your questions on this article. So leave a comment, a question right below this article and we nee we’ll get back to you with an answer right away. So thank you for reading. We’Ll see you next time. Thank you. Thanks for reading, if you like what you just readed subscribe, then hit that Bell you’ll be the first to be notified when new content goes live.

After that you can read more articles from slamming. We pick something we think you’ll love,

Online Marketing

Carmel Valley SEO | Internet Marketing | Search Engine Optimization

Post author By Jimmy Dagger
Post date April 21, 2020
No Comments on Carmel Valley SEO | Internet Marketing | Search Engine Optimization

So, as you’re you know, we built out a whole bunch more content for the homepage, so Google can recognize your website for many keyword terms and we’re still going through making sure that we’re tracking every single keyword that we have here.

But you get your for. Your homepage has a very nice good, a bit of information. I believe it was around 1500 words that we put in there we’re also going to be adding photos in there as well, and we took it. We take care of that initial page. So now the homepage is a real home page with information all right. So when we first started your site was pretty much getting no attention. We have seen some attention in the past couple months, not much, but it is definitely a growing side.

You can see we’re getting at least two unique organic visitors per month right now, vs 0, not a huge difference, but it’s definitely going in the right direction and that’s mainly due to the power links that we built to your website. So, as you can see, this is your site here. When I first start, if you remember, you had all zeros, so we pointed some influence links. We have nine of them here, then your trust below is 20 all right.

So if you remember this chart, I showed you anything over 20 is high. 28 overs is like really high quality all right, so we you’re definitely headed in the right direction as far as the quality of the site in getting ranked on Google, alright. So the next thing I wanted to show you is a lot I’ll show you your your keywords, real, quick, so we’re tracking, quite a few keywords: I’m going to be adding more in here as it’s being indexed in Google, but this is results from a whole month.

So you moved up many positions when we first started, I mean you’re, so we couldn’t find your at all really online. So we’ve had to fight from really far spots on Google, some, not so popular words we’ve ranked for but a lot of them we’ve moved up. May position like this one: you can see 44 positions, fit 40 positions, quite a few, we’re still working on the keyword targeting for your website and getting me ranked we’re going to be doing some more citations finishing up those citations, for you should have that email to You this week, so you can review those as well.

One thing that I did for you extra is: I did set up. You set you up with a google adword campaign for a call. Only so since we started looks like you had 136 calls, or so so people people clicking. I know that we sweat, I think it was around 50 and I switched it to call only so. You should have a good chunk of calls its reach 10,000. Over 10,000 people and we’ve spent about three hundred bucks into this as well, so you should have seen some action from that.

Let me know how your calls are going, because we are running a direct call campaign for you. Let’S see real quick after we go to settings, you can see. You know we have set up on search, only call only so deuces people that are searching in San Diego for massage therapy, so good chunk of calls, I’m hoping that you’re seeing more calls through this. This advertisement we’re doing and on the lawn, the last note you know your site is in a good position.

You know I typed in san diego massage therapy locally here in san diego there. You are right there on the map and you’re right here, number two. So that’s really good, you know so you’re definitely heading the right direction. It’S just going to take time to you know, rank you organically from from such far back what we’re doing everything I can did a press release as well, so we’re going to be contacting radio stations in all the radio stations and TV stations and we’re going to Have your business put on their website? You know in any given moment, there’s eight million people reading the news, so we’re going to put that press release out there and Gilbert picks it up they’re, going to post your information on their site and then, though, you’re going to get those backlinks.

So this number is going to go up even more once that goes all the way through, so I’m really excited about that. I’Ll. Have that copy over to hopefully this week, all right chris, well that pretty much wraps it up again appreciate your business. Let me know if you have any questions and i’ll look forward to working continue. Working with you. Thanks have a good

You have to try the best pumpkin seed snack from Spunks! Learn about the creators by watching the video below.

Tags Carmel Valley SEO | Internet Marketing | Search Engine Optimization

Online Marketing

London SEO | Search Engine Optimisation UK

Post author By Jimmy Dagger
Post date April 21, 2020
No Comments on London SEO | Search Engine Optimisation UK

What am I going to be doing for you, I’m going to be showing you the opportunity that you have by using google SEO and what is SEO search engine optimization? How can you scale a business using google all right and i’m going to jump in to get showing you a guinea pig quote, unquote and show you an eps aight that is not doing so well and the possibilities that it could be having if it invested into Someone that knows SEO pretty much and what does that feel we’re going to get you higher in the google rankings, because eighty-two percent your customers are going to google and type in whatever company or niche you’re in there typing housecleaning slower london all right, wherever you’re located In the country doing business and in the market alright, and then i’m going to jump in to you about facebook advertising, why should you mark it on facebook and how can you scale your business with facebook? Alright, so let me just drop right into the article so we’re on nap local comm.

You can visit us here for more information. Alright, so, as I understand you know, you guys are getting into, you may be getting into the house cleaning business, so your customers are going to want to go to google and type in house cleaning just like anybody else. So, according to google in SLO house cleaning is getting searched between 2002 2200 times per month every single month year round. Okay, just in that one area at about a 10 mile radius or so so, as you can see, we can have all the most profitable keywords that people are searching for on google.

So we want to get you ranked in all of these keywords. Alright. So how do we get you there? Ok, so google has an algorithm. It has 200 determining factors, but i’m not going to talk to you about all 200 because we’ll be sitting here for an out for hours, i’m going to talk about for the most important ones. All right, once we nailed these everything else, kind of falls into place. Okay. The first thing is: let’s pick a guinea pig, let’s pick on a website that is not doing so well, ok, so I chose to go with green cleaning service co.

Uk, okay and I am using a UK search engine for google okay, so this is local searches in Google. All right, these guys are ranked number eight. So let me show you this chart all right. So when you are ranked number one you control about thirty. Three percent of all the clicks, but when you’re ranked number eight you maybe get three or four percent and, as you can see page to you might as well be on page twenty because nobody’s really clicking on that page.

Okay. So let me show you this. Guy number: eight verses, the guy. That’S ranked number one: that’s controlling all of the business, that’s gumtree, alright! So here’s the guy, that’s ranked memory. Alright, green cleaning services he’s getting almost no traffic to the website, all right and here’s another metric that we can use. Almost no traffic to the website two clicks a month. All right. Now: here’s gumtree, almost a million clicks per month, a million visitors every single month.

Okay, granted there, a bigger company they’re, probably do business in other cities, but that is the potential market that you could be reaching by getting on google for these profitable keywords – and we have the information right here. Just how do we do it right? So again, i’m not going to talked about all that all all of it, but i’m using these guys as a guinea pig all right. The first thing when we go to their website, do they have what’s called authoritative content? Are they mentioning all of these services, all of the keywords and abundance? Okay? So, as you can see, these guys actually have quite a bit of content, but the problem is: they are not mentioning all of these keywords.

Okay, if you read through their website, it has almost nothing to do with most of the services that they’re providing. They need to be mentioning housecleaning, slaw, slaw, housecleaning and a whole bunch of stuff. You want to have massive amounts of content on the page, so these guys probably have about 1000 of 1500 words, but it doesn’t stop there. You want to add this is a large market. Okay, we’re competing with really really big companies all right, so we need to have a lot of content on the page and we need to be bolding out information, that’s relevant, so every single keyword we mentioned.

We want to have it in bold kind of like they have here, but there they have molded window cleaning and a tendency cleaning. They need to be bolding, housecleaning slaw. You know home cleaning, slog best cleaners and slob all that stuff. Okay, they’re only getting they’re not getting any visitors any month, maybe one or two: that’s it all right. So what do I mean by authoritative content? If you go to Google any type in elephant Wikipedia always shows up number one because of the authoritative contents.

Look at this page and less information on elephants, their evolution, what they eat everything I love using this example, because it’s true look at all this content. This is what your page needs to look like. You need to have like this much information on your page. If you’re going to compete in a large market, especially housecleaning, okay, because there’s so many so many competitors, but you can do it if you have the right process.

So what I recommend is building a brand new site all right for you guys, if you don’t have this a brand new site with anywhere between three thousand to four thousand words and this using all this keyword. Research building it with all these keywords in the home page and that’s just going to tell Google hey, read because Google reads content and if you’re going to rank for keywords, google has to be able to read that content on your page.

Also, photos like this need to be named correctly with SEO in mind okay, so this is very important. Alright and then you want to have your address in the footer. Okay, I don’t see any address here in the footer phone numbers. None of these phone numbers are clickable, this one’s clickable, okay, email in a top right corner, not clickable. Okay, that’s very important. The next thing your site has to be mobile-friendly, which they are.

This means because eighty percent of your customers are actually going to be looking at your website through a mobile device and an iphone or some type of mobile cell phone device. Okay, so it has to be mobile-friendly which they are so that’s good before. The third thing is local citations, so whatever I come to the search engine, okay, let’s go back to the search. You see that these guys are actually ranked at the top of this search and what’s happening here.

The problem here is there only focusing on this. One keyword: okay, they’re only listed as a local service – we’re here, they’re at the top of here, but they’re not showing up in this map. You don’t see them on this map above okay they’re. Only focusing on this one keyword, if you search all the other keywords. Okay, if I go to my google keyword planner, I can see that house cleaning is only can search, maybe 20 times a month, but there’s cleaning services, there’s house cleaning services, there’s cleaning companies, home cleaning services, house cleaners, maid service, home cleaning, cleaning company made the maids Clean house there’s all these keywords and they’re, focusing on just the one.

Alright, so almost no one is clicking. Most people are going to click from here. There’S about forty percent of all the clicks, actually more than that are going to come from here then they’re going to go to the local all right and you need to their spread there so spend they need to be focusing on all of these keywords. Okay, so you have to be at the top of the locals – that’s important, but you want to be in multiple keywords to all right: some examples to get there.

You have to be listed in google, yahoo, being yellowpages, whitepages, facebook and all that stuff and that’s going to build your local citations. It’S just online directories that tells Google hey I’m listed in all these directories. Take me more serious and give me higher rankings. Okay, the last thing I’m going talk to you about is pretty much the power of your website. So for these guys you know Facebook want to know how popular are you online? You know do people care about your website what other websites are mentioning you online, and these are called you get these through.

https://m.youtube.com/watch?v=L6P9vbSzXjA

What’S called backlinks, okay, so right now, green queen has 10 websites mentioning them at 141 times. Okay, which is okay, but look at their trust flow. This is the quality of their site, which is 0 all right now. 0. Let me show you this chart. This shows you the quality meter, okay, so at a zero there at the lowest quality all the businesses on page, one of Google are going to have a 20 trust flow or high.

If they’re going to be ranked number one they’re going to be 20 or higher, and that’s where you want to be that’s the type of quality that you need to rank in your business and that’s the reason why they’re ranked number eight on organic rankings. Okay, all the way down here, all right, let me show you our website, amp local comm, to give you an example all right, so when I copy and paste this into here, ok, I copy and paste it into here all right and look at the trust flow Of this side of 21 links, 250 backlinks trustful, Oh 26.

Alright! So, as you can see all right, so, as you can see, this is off the charts that’s way above 25. So that’s the type of power that you need on your site. So let me show you an example: if you go to google for United States and you type in San Diego SEO, all right, you find amped local right here at number. Three okay SEO is probably one of the biggest competitive niches in the world. Why? Because the people that really know how to do it are in the top three and we’re in the top three for a 3 million population city.

Okay, so that’s to give you an example of why links are so important. Okay, so you want to have powerful links and that’s what we’re going to help you get there. Okay, so that, in a nutshell, is SEO, you know and hot, and how to get you this so get in a new site, getting a mobile-friendly getting caught great content on there. Getting the citations and the links is going to build you a powerful site and get you in the position to be where these guys are at getting 1 million visitors and slow and London and that they’re using in that area.

Ok! So now let me jump into facebook advertising. Ok, so you asked me to talk to you about how I can get you leads for maybe for house cleaning right and also for teleprompter enting. Ok, so I went into facebook and just targeted some of that just so. I can see like what the market looks like, so I went to slaughter in 10 mile radius. Ok, I targeted people that have a little bit more money, 2665 men and women, and I put a whole bunch of interest the people that would need to rent these teleprompters.

Ok, i’m not going to go into all of the details of that, but, as you can see, I would perfectly target a campaign. Ok and I could reach about 53,000 qualified people that are in the market for teleprompters alright, so we can mark it to them and reach them. Just like I told you about and we’ll be able to generate leads for that. Let me show you for house cleaning. Did the same thing: slow, England, 25 to 20, 26 or 65, but I targeted people that own homes on live in condos, there’s been a family-based home that rented homes, people that would actually need that service have a perfectly targeted campaign.

It’S right in senator green and have a hundred and sixty thousand people that I can reach all right. So, yes, we can target people based off their interest, demographics pages they like things they mentioned online and that’s how we’re going to put ads in front of people. So what does that add? Look like. Let me give you an example: all right, all right, here’s an ad that we did for carpet cleaning company okay, so it pretty much the advil to call out the local city asked the question they’re going to say yes to put links to landing pages, get them Get their special offer get their attention and get them to click on an ad okay.

One thing that we really like to do I’ll give you a better example, is create ads like this, where we’re offering a special offer. Ok, we asked a question that their answer. Yes to do you hate your, do you love your car, but you hate when its dirty? Ok, this is auto detailing ok, they’re, going to go out and clean people’s cars and wash them and detail them we’re giving away 50 percent off auto detailing package 30 people.

This week treat your car truck and artery to a treatment and our Auto Spa things of that nature and we click the call. Now that’s the call to action. Ok, fifty percent off so creating some type of special offer to bring people in your business and make them repeat. Customers is a great way to get business. Ok and it could be like a free trial. It could be twenty five percent off. It could be something for free right, then they click the add alright, and then they go to pages that look like this ok down.

This is for the carpet cleaning one all right, but you know there’s multiple ways. We can do this, but pretty much what it says is: do you want your special offer? The fifty percent off carpet cleaning sign up for the special Facebook offer 11 coupons left. They click this and we get them to give our name email phone number to send the coupon. Ok they’ll get the coupon. Now you have the personal information, that’s a lead that you can call to do business with, and then it goes to a page like this.

Hey due to the limit, no more coupons, please call first call basis to get your to get to offer and also special offer bonus. Offer will give you an additional bonus offer if you call now ok – and this is how you generate inbound calls – and this is all has to do with psychology – the psychology of the Facebook user – and this is how we can generate more business for you, whether it Be for house cleaning or for the teleprompter all right and the whole fun will be custom-built already targeted the audience’s that I showed you, but this will be your your.

We can target your. You know custom campaigns as well, just like this all right, so I really hope that makes sense. We can generate a lot of business and just to give you an example, you know I have this pulled up. These are some metrics from one client that we’re doing that were that’s doing auto detailing, and you know oil accident repair window tinting. He does all that cool stuff, and you can see that this is our cost per lead.

Okay, this is how many leads he’s generated, and this is the cost per lead. So we have three campaigns that we tested we’re going to switch this one back on. I think this evening, but as you can see we’re getting a lead for a dollar 33. Okay. This one’s for 378 and this one’s for a dollar 78 all right. Imagine having someone come into your business for a dollar. What, if we can get you a lead for a dollar? Okay, that’s huge, let’s say four: five dollars: what if you get someone’s personal contact? Information for five bucks and say you have a closing rate of twenty percent, which these guys have a closing rate of about twenty percent.

Okay, I’m sure that would be incredibly incredibly valuable to you if you can get an actual closing curl Ike 25 euro. Let’S put it in your money: 25 euros: okay for home cleaning for 300 euros; that’s a huge roi, okay same thing for teleprompter; okay! So that’s the type of business. Now, as far as how many leads I can get you and what the cost is per lead. Like I told you the first two to four weeks, that is the golden time where we find out your numbers.

You know we run tests, we run campaigns and figure out exactly how much we’re paying per campaign per lead and then tell you hey for 500 bucks. We were able to get you a lead for two dollars or three dollars now, it’s time to go up to, let’s spend two thousand dollars and scale your business. That way! That’S what you need to do, that’s how we do it, we’re not just going to jump, jump three, four or five thousands of dollars into a campaign, not knowing the metrics.

We have to figure out your metrics okay, so that, in a nutshell, is SEO and Facebook advertising all right, portela, Panthers and health claims. So we can do it. It’S doable! I’M really looking forward to helping you. You have my contact information, please reach out, and I look forward to hearing from you. So thank you so much for reading and I’ll be in touch bye-bye.

You have to try the best pumpkin seed snack from Spunks! Learn about the creators by watching the video below.

Tags advertising, london advertising, london marketing, london seo, london seo company, search engine optimization london, SEO

Online Marketing

Search Engine Optimization Tutorial

Post author By Jimmy Dagger
Post date April 20, 2020
No Comments on Search Engine Optimization Tutorial

There are also many facets to SEO as well. And it’s important to know what those facets are. We have keyword, research, metadata and a Variety of other things Today we’re going to be focusing strictly On metadata, But I wanted to include keyword research because It’S extremely important not to start filling out your metadata before you’ve executed a Really well thought-out and well-researched keyword, research campaign And we can talk all about that at The Net.

Impact, We know a lot about keyword, research and we Can definitely help you with that as well, But today, let’s dive into metadata Metadata consists of keywords that you list On your page, your page’s description headings, alt text for images and title tags for your Page Now, it’s important to know that all this Metadata is behind the scenes. If you’re looking at a web page, you will Not see any of this metadata actually rendered on the page that the consumer, or that your Web visitor sees It’s all in the background and it’s all for The search engines, So, first of all keywords, Keywords are very important to metadata.

https://m.youtube.com/watch?v=J-agRhqUV0g

You want to make sure that after you do your Keyword, research you’re applying the best keywords that are focused to your page, not Too broad not too overly specific, and you wan na make sure that you use a lot of those To attract visitors to your page, So two things to remember about keywords: Are that they are…you have an unlimited number of space, but don’t abuse it and you Want them to be focused to your content.

Next is the description. The description is, what will actually show Up in your Search Results Snippet as Google calls it. So the description is your search result. You got the search right here and you’ve got The listing one-two-three listing This is your snippet. Now it used to be that the descriptions would Show up exactly as you had entered them into the snippet, but now Google will pull from A lot of different areas to create that snippet.

So if you have a really well-written description, A lot of that description should show up in the snippet Headings, You’ll see headings in your source code, One of the things that a lot of people do For search engine, optimization is they’ll check, source code And all you have to do to check source code. Is CTRL+click or right click on the page and you have the option to view source code And you can see all of the code.

That’S behind! Your website, which includes the metadata So headings, will be listed in your source. Code as H1 H2 H3 – And these are all really important because They basically tell Google what the hierarchy of your content is. An H1 is more important than an H2 is more Important than an H3 – And you know a lot of times – they’re headings – They’Re bolded, so they show how your content is organized on your website.

We also have alt text for images. This one is…, There’s a little debate about how to do. Alt. Text I know even among the team here we might Have a little disagreement about what exactly alt text should be, But let’s say you’ve got a picture right here. And we’re going to you know…, Don’t judge my art skills, but we have a tree. With a sun rise in the background, Well, typically, alt text is supposed to describe Exactly what that image is, So it’s basically describing the image it’s Not giving any additional information about it, So you have.

.., The alt text would be. You know Tree at Sunrise Now, a lot of times there’s a deeper meaning. To that image than just what it shows in the physical sense, And so there’s also another metadata field, That you can add to an image, it’s the long description field And in the long description field you can Provide more info about that picture, So maybe this is a tree at sunrise, right, Before a rainbow appeared over the Grand Canyon, That would be where you can add content that Would maybe connect that image specifically to the content on your page Title tags? This is a big one.

A lot of the search engines will use different Lengths of title tags, but you wan na keep your title between 60 to 70 characters And you might wan na do a little research on These There’s a lot of speculation that title tags: Are changing that Google is changing, how they create title tags for pages? Typically, title tags were given a lot of Weight in search engine rankings and they were used to basically determine the content.

Of the page, But now there’s evidence that Google was Possibly creating title tags with additional information from H1s and descriptions And they may be updating title tags or adding Title tags where there were no title tags before So there’s a lot of discussion going on in The SEO community about that right now And you know some companies will create Title tags for their pages and they’ll render exactly as they listed them, and other companies Will create title tags and they’ll show up slightly different than how they have them.

On the page or even completely different, So that’s sort of a controversial item. Right now, but just keep your eyes open to see how that discussion progresses. What else is there? We have basically, all of your main metadata Listed out right here, but what else can influence your SEO? Well because of how Google is now creating New snippets, it’s increasingly important to make sure that you have good content on Your page and make sure that you have a great website information architecture.

So basically, what that means is when someone Visits your page make sure that it’s really easy to find the content that they’re looking For your navigation is very intuitive, And a lot of that comes through a wire-framing Process – and we do a lot of that work here at The Net Impact. Other things you might look at are ADA compliance. For those with disabilities, who might be looking at your website, I think part of that is having your alt tags.

Filled out, but there’s also a lot more that goes into ADA compliance as well. You wan na make sure that you are minimizing Your validation errors as well. So if you have a 404 error page not found You wan na make sure that you’re going through and checking your website and that all of Your links lead to a good page and that everything is well connected on your website. Finally, your URL, That’s probably one of the hardest things To change because you have to register a new domain But make sure that when you’re starting a Webpage or if you’re redoing a website and you can potentially change the URL, make sure That your URL still fits exactly what you want for your content and that your URL In and of itself will be intuitive to people who wan na know exactly what to expect to find On your website, That’s about it for our discussion of search Engine optimization, If you need any additional assistance with Search engine optimization or search engine marketing, please contact The Net Impact, We’ll be happy to help.

You have to try the best pumpkin seed snack from Spunks! Learn about the creators by watching the video below.

Tags alt text, description, keyword research, meta data, organic search, search marketing, seo marketing, seo st louis, seo tutorial, St Louis SEO, St. Louis SEO company, title tags