No Man’s Sky pure CSS icon

No Man’s Sky pure CSS icon

Go to Source

See the Code
See it Full Page
See Details

Been playing a lot of No Man's Sky and seeing my grave icon floating there, so I figured it would not be too hard to throw some CSS together. Only spent a couple hours getting this to look OK with static dimensions without doing too much math, so it's surely not perfect.

This Pen uses: HTML, SCSS, JavaScript, and

Originally posted 2016-08-22 21:31:48. Republished by Blog Post Promoter

How to Add Hreflang Tags in WordPress

How to Add Hreflang Tags in WordPress

Do you want to add hreflang tags in your WordPress posts and pages? If you publish content in multiple languages or for different regions, then hreflang tag helps you improve SEO for those regions and languages. In this article, we will show you how to easily add hreflang tags in WordPress without writing a single line of code.

How to add hreflang tags in WordPress

What is hreflang tag?

Hreflang tag allows you to tell search engines which page to show for a particular region and language. You can also use it to define other variations of the same content in different languages.

Here is how a hreflang tag implementation looks like in plain HTML.


<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
<link rel="alternate" href="example.com/pt/" hreflang="pt-pt" />

The hreflang tag is a combination of the language code and the region code. For example, en-us for English and the United States, fr-fr for French and France, and so on.

WordPress is available in more than 60 languages, and you can use WordPress in your own language.

Many WordPress site owners target users in different regions and languages. Some do that by creating multilingual websites, while others do that by offering some content in other languages.

Search engines can easily detect the language of a page and automatically match it to the language settings on user’s browser. However, your pages may still be competing with each other in the search results which may affect your site’s SEO.

You can implement hreflang tags to fix that. Let’s see how to easily add hreflang tags in WordPress.

Method 1: Add hreflang Tag in WordPress Using a Multilingual Plugin

The best approach to building a multilingual WordPress site is by using a multilingual plugin. A multilingual WordPress plugin allows you to easily create and manage content in multiple languages using the same WordPress core software.

These plugins will automatically take care of all technical things such as the hreflang tag, so you can focus on creating content.

We recommend using Polylang. It is a free WordPress plugin and comes with a very powerful and easy to use interface to manage multilingual content. For detailed instructions, see our guide on how to how to easily create a multilingual WordPress site.

Adding languages in Polylang

Another popular option is WPML. It is a premium WordPress plugin with an easy to use interface to create multilingual content on your website. For step by step instructions, see our guide on how to create a multilingual WordPress site with WPML.

After you have created some posts or pages in multiple languages, you need to visit them in a new browser window. Right click and select ‘View Page Source’ from your browser menu.

This will open the source code of the post or page. Now you need to look for hreflang tag to verify that it is working properly. You can also use CTRL+F (Command+F) keys to find the hreflang tag.

Method 2: Add Hreflang Tags in WordPress Without Using a Multilingual Plugin

This method is for users who are not using a multilingual plugin to manage translations on their websites.

First thing you need to do is install and activate the HREFLANG Tags Lite plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled HREFLANG in your WordPress admin menu. Clicking on it will take you to the plugin’s settings page.

hreflang tag plugin settings

Select the post types where you’d like to enable the plugin and then click on the save changes button to save your settings.

Next, you need to edit the post or page where you want to add the hreflang tag. On the post edit screen, you will notice a new metabox labeled HREFLANG tags.

Adding hreflang tags using a plugin

First you need to add the URL of the post that you are currently editing and then select its language. After that you need to click on the plus button to add URLs of other variations of the post and their language.

Once you are done, click on save or update button to save your post.

You can now visit your post in a browser window and view its source code. You will see the hreflang tag added to your post.

We hope this article helped you learn how to easily add hreflang tag to your WordPress site. You may also want to see our step by step WordPress SEO guide for beginners.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Hreflang Tags in WordPress appeared first on WPBeginner.

5 Ways Voice UI Turns Your SEO on its Head

5 Ways Voice UI Turns Your SEO on its Head

Go to Source

Once upon a time, the most Siri had to deal with was a few offensive remarks or sexually explicit requests. We probably all did it at least once.

But in just a few short years, voice search has exploded to become a serious contender against traditional, text-based search.

Microsoft’s Cortana has over 100 million monthly users, 40% of adults talk to their phones every day, and it’s predicted that half of all searches will be done vocally by 2020.

If that sounds like it’s more than just a passing fad, that’s because it is.

So if you want to make sure you and your website aren’t missing out, you need to start adapting your SEO strategies now.

In most cases, it’s unlikely you’ll need a complete SEO overhaul. But there are still some significant changes you can start to make today to ensure that your site is optimised for voice search.

1. Target Longer-Tail Keywords

Most people feel more comfortable speaking than they do typing—especially when trying to type on a mobile device.

That means that voice searches are going to be more verbose. And if you want your site to get found first, you’ll need to focus on longer keyword phrases.

Plenty of searchers are either impatient, on the move, or multi-tasking. When they’re using a keyboard, they’ll be searching for the terms that use the fewest number of words to quickly get them fairly close to what they need—“Pizza New York”, or “Car Repairs”, for example.

with voice searches, [users] can rattle off extensive and detailed requests without testing their thumbs, eyes or patience.

But with voice searches, they can rattle off extensive and detailed requests without testing their thumbs, eyes or patience.

They might ask “Where can I get a late-night pizza with free delivery to Long Beach?” or “Where can I get my transmission checked in Chicago for under $50?”.

These longer searches don’t just help visitors connect with websites that are the closest match to their specific needs. They also bring your website qualified prospects that are much closer to their buying decision—and that means you need to make sure the keywords you’re targeting match up to these highly valuable searches.

2. Use Conversational Language

Be honest: have you ever really searched for something like “automotive maintenance” on Google?

Or was it something more like “auto repairs” or “car mechanic”?

Speaking in the language of your customers has been good SEO practice for a long time. And with the rise of voice searches, it’s only going to become more important.

Of course, “automotive maintenance” is a ludicrous example of an everyday search term.

But there’s still a huge difference between the things people write and the things they say out loud.

But there’s still a huge difference between the things people write and the things they say out loud.

If you’re looking for software that can help you manage your projects and stay on top of your deadlines, it’s plausible that you would type something like “organisation apps” into Google. And almost all of the search results look helpful and relevant:

But the words that come out of our mouths aren’t always so precise and succinct.

If you’re navigating the rush-hour freeway on an empty stomach before your morning coffee, your brain might not be able to do any better than “app that helps you do more stuff”. And those results look decidedly less helpful.

The solution? Create content for your website that uses the same natural language that your target audience would say out loud.

Don’t fill your web page with content that talks about “achieving higher levels of success”—tell them that it helps them to “do more stuff”, “get more done”, or “waste less time”.

3. Build Content Around Answering Questions

How do people in real-world situations get access to the information they need by using only their voices?

With questions, of course.

It’s likely that a huge number of voice searches are going to be in the format of a question—it’s just a natural fit for the medium.

That means you need your website content to answer those questions directly, accurately and comprehensively.

The simplest way to do this without affecting the experience of traditional searchers is to set up a dedicated FAQ page, posing the most likely questions and giving useful responses.

And the simplest way to come up with the most likely questions is to use the questions that are already being asked.

With tools like Answerthepublic or StoryBase, you can enter keywords relevant to your website and see the most common questions asked, broken down by the type of question (who, what, where) and the supporting prepositions (to, for, near, with).

Armed with this data, you can build the kind of helpful FAQ that brings your website closer to the top of the search results when your potential visitors need information.

an understanding of the types of questions being asked can help you to draw in the right people at the right time.

On top of that, an understanding of the types of questions being asked can help you to draw in the right people at the right time.

According to Google, there are four key micro-moments in a consumer’s journey. The types of questions they’re asking at different times can help you to understand the stage that they’re at—and give you insights into how ought to be responding.

People asking “What’s the difference between A and B?” are likely to be casual window-shoppers or curious researchers, and ought to be directed to your helpful informational and educational pages.

But those asking questions like “What’s the cheapest A?” or “Where can I find the best B?” are much more likely to be on the brink of making a purchase—and those are the kinds of questions you want to target with your PPC adverts to lead them to a landing page to close the deal.

4. Make the Most of Your Local Listings

According to research, mobile voice searches are three times more likely to ask for local information than standard searches.

People aren’t just making general enquiries when they use voice search. They’re asking for instant solutions to their pressing needs—and that means they’re ready to commit.

To make the most of these quick-sale customers, you need a site that’s optimised for local searches. So make sure you:

  • Register your website with the relevant directories (like Google My Business) and keep your details up to date. If you change your opening hours, prices, or phone number, go back to your older listings and correct them.
  • Make your online reviews shine. Reviews are critical for local searches in Google—so encourage your customers to leave reviews and do your best to respond to any negative ones.
  • Include Schema markup code to help search engines recognise your important local information, such as addresses or opening hours.

If you’re not sure where to begin, you can take a few local-friendly tips directly from Google, or try out their Structured Data Markup Helper.

5. Get your website mobile-ready

While there are plenty of desktop users who are searching vocally, you can expect a massive portion of your potential visitors to be using voice search through their mobile devices.

And if your site can’t provide a good experience for those mobile users, you can expect a massive portion of your visitors to head straight back to Google to find one of your competitors.

So how do make your site more friendly to mobile users? Here are a few tips to get you started:

  • Analyse your site’s mobile usability with a tool like Google’s Mobile-Friendly Tester. It’ll give you a screenshot of how your site looks on a mobile device, as well as highlighting any usability problems—like small fonts or the use of Flash.
  • Trim the fat for a faster user experience. More than half of mobile users will abandon their visit if your site takes longer than 3 seconds to load – so keep the number of images and their file sizes to a minimum.
  • Keep your content brief to match mobile attention spans. Use the lowest number of words you need for an effective headline, and use the lowest number of paragraphs and sentences you need to get your message across.
  • Use large icons, buttons and links. Don’t make your users zoom in for every click – and don’t punish a clumsy visitor who’s ready to convert.

To sum up…

Voice search is huge. And it’s only going to get bigger.

Just like any other kind of SEO, you’ll need to keep up with the latest developments and updates released by the search engines, and continually test and tweak your site if you want to see it climb up the rankings.

We don’t type how we talk, and you need your content to reflect that

But in the meantime, it’s worth starting to put the following into effect:

  • Go for the longer-tail keywords. Vocal searchers are more likely to make detailed requests, and they’re more likely to be close to a sale.
  • Speak in your customers’ language. We don’t type how we talk, and you need your content to reflect that.
  • Focus on answering questions. If that’s the way people are going to search, that’s the best way to give them the information they need.
  • Be there at a time of urgency. Voice searchers want quick answers and nearby solutions—so make sure you appear as a local answer to their problems.
  • Give them the experience they want on the platform they choose. When so many people are searching by voice through their mobile devices, you need to be able to capture them with a painless journey—from the desire they express to the action that satisfies it.
230+ Professional and Customizable Mockups – only $14

Source

Go to Source

Applications Of Machine Learning For Designers

Applications Of Machine Learning For Designers

Go to Source






 



 


As a designer, you will be facing more demands and opportunities to work with digital systems that embody machine learning. To have your say about how best to use it, you need a good understanding about its applications and related design patterns.

Applications Of Machine Learning For Designers

This article illustrates the power of machine learning through the applications of detection, prediction and generation. It gives six reasons why machine learning makes products and services better and introduces four design patterns relevant to such applications. To help you get started, I have included two non-technical questions that will help with assessing whether your task is ready to be learned by a machine.

The post Applications Of Machine Learning For Designers appeared first on Smashing Magazine.

Go to Source