More Ways to Slim Down ‘JavaScript Heavy’ Web Development

Ryan Carniato, creator of the Solid.js framework, identified eight ways to reduce JavaScript code in web development at this year’s International JavaScript conference.

Yesterday, The New Stack shared Carniato’s first four “go-to” methods for mitigating heavy code. Today, we share the next go-to step — HTML streaming — plus three strategies that offer more “radical architectural approaches” to cutting down on JavaScript.

5. HTML Streaming

HTML streaming basically allows you to send the page and data in chunks as it completes, Carniato said. This is not strictly a hydration technique and it doesn’t impact JavaScript size or execution, but it’s important to understand its role in frameworks and why, for instance, the React project was excited to add it in React 18, he said.

He showed a Kroger app on the right that drew in boxes of content versus a version of the app on the left that loaded everything at once.

“They both basically load in at the same time, but the one on the right [the streaming app] basically can draw the shell, because it really depends on states, the data, and, then the one on the left that has to wait for everything is quite a different user experience,” he said. “The one on the right almost looks like an interactive single page app with loading state and stuff. But the truth of matter is this can be done without actually even loading the JavaScript framework […] it’s just a small script tag.”

The page works by sending the HTML (including the placeholder) first and then, without closing the connection on the server as the page finishes, it adds the missing parts of the page to the end of the document, via a script tag. The script page basically swaps the content into place to replace the placeholders. React, Solid and eBay’s Marko.js support this approach, he added.

“The benefit of streaming, especially for larger services, is this ability to be able to decouple slow responses, unpredictable responses, so that the overall reliability of your system can be better,” Carniato said. “As I said, only a handful support it today, but luckily React is in that handful, which means that you can use streaming, Next, Remix and a lot of common frameworks.”

These first five techniques are all good mitigation techniques for improving the situation and bringing resiliency or removing server bottlenecks to a page. But they don’t change the amount of JavaScript executed or loaded in a meaningful way, Carniato said, before demonstrating more “radical architecture” approaches.

6. Islands — a.k.a, Partial Hydration

“So welcome to the tropics, more water — islands, also known as partial hydration, are not a new technique, but they didn’t really get popularized till more recently,” Carniato said.

Web design with Islands

Web design with Islands

The concept of this partial hydration was introduced in Marko.js at eBay back in 2014, but it’s been popularized since Astro and Fresh introduced it as “islands,” he said. Islands are an updated take

Read More

5 simple ways to dominate local search

When it comes to local SEO, it’s more important than ever that you optimize your on-site and off-site SEO strategies for clients and customers searching for your local business.

Local competition is hotter than ever, and if you’re not on top of your rankings, you can bet your competitors are.

Here are five local SEO tactics you can use to help your business rank higher for local search terms.

Title and description tags are HTML elements that you can customize to reflect the content of your web pages. The text of your title and description tags is displayed in search results.

Think of this text as a “mini-ad” that you need to craft carefully.

Title and description

Your title and description are your one shot at grabbing a searcher’s attention and getting them to click on your links to go to your website – so put careful thought into what you put in these areas on your web pages.

If your title and description tags are missing or Google thinks they’re not good enough, Google often makes something up or “rewrites” them.

Both should describe the contents of the page and should include keywords so they stand out on the search result pages. 

The generally acceptable length for title tags is approximately 50 to 60 characters, and description tags can be approximately 160 to 200 characters. Take advantage of this space and use it wisely.

If you’re not sure how your title and meta description tags will look or how many characters you can get away with, try using an emulator like Yoast’s SEO Plugin for WordPress, where you can see what your title and description will look like on both a mobile device and desktop:

Yoast title description

Writing titles and descriptions is considered an art in the SEO world.

In a sea of competing search results, if this text isn’t unique, compelling and descriptive, your click-through rate will suffer (which can hurt your rankings).

Additionally, extra words or characters could cut off your text with ellipses (…). 

Now, this may not be a true tragedy. Some SEOs even encourage you to go over the recommended max character count. But I think this looks unprofessional, especially when it appears in the middle of a sentence, cutting off your thoughts mid-sentence.

Truncated

The lesson? This space is precious, and every character counts. Here are some tips:

  • Never waste space on page names or words that don’t provide helpful information to the searcher about what your web page – or business – is about.
Do Not Use Page Names In Titles
  • If you want to stand out to local customers, include the name of the city your business is in and/or the area your business serves (e.g., “Serving Iowa City and Cedar Rapids”).
  • Focus on using one targeted keyword and carefully place that keyword as close to the beginning of the tag as possible.

Remember, if your business shows up in the search results, you have one shot at getting that person to click on your link.

Don’t blow it by wasting characters that

Read More

15 ways to get smarter with your content and SEO

Content remains at the core of successful consumer interactions, engagements, experiences and conversions – especially in a new era of advanced generative AI technologies.  

Today, we are looking at a new content landscape. This is where content production is exploding to epic proportions making it harder for content to stand out, be discovered and convert.

Humans and machines must work better together to ensure content is relevant, differentiated, and helpful for the reader. 

This also includes balancing SEO and content best practices to ensure that content and sites are optimized for human help rather than robot rankings.

The challenge: Despite the tremendous resources devoted to content creation, much of it could fall flat and fail to engage audiences. This disappoints creators and deprives consumers of experiencing something new, helpful, or meaningful.

The opportunity: Marketers with a strong understanding of SEO and content best practices and the ability to utilize AI for their strategies and tactics – from creation through optimization – will quickly gain a competitive advantage. They can achieve outstanding results by striking the perfect balance between human insight and AI applications. 

Content marketing is expected to experience a massive surge in growth, estimated at over $584 billion by 2027.  

The use of AI for SEO and content is set to grow 5x this year. 

Content marketing growth

This article will explore content through the SMART goal-setting framework, which stands for:

  • Specific.
  • Measurable.
  • Achievable.
  • Relevant.
  • Timely.

S: Being specific and answering with speed wins every time

Consumers crave information that is helpful, relevant and delivered at speed.

As a result, today’s content marketers need insights delivered faster than ever, so they have specific insights to power their content. 

Content is not about what your marketing team wants to say. It is about providing insight and information that your audience wants to hear and read.

SMART content is designed for a specific audience based on your understanding of their needs, preferences and intent.

1. Understand your audiences and the markets they operate in detail 

From keyword and conversational keyword (more on that later) research to understanding the intent of your consumers – where they live, what they’re searching for, when and where in the purchase funnel – and how they interact with your brand on social media.

Knowing who you are writing content for is paramount to creating SMART pieces that serve a real purpose.

How well do you understand the competitive environment in the verticals you’re creating content for? Today, you compete more than ever for attention, eyes and clicks.

Your competitors may be other companies, but you could compete for space in the SERPs against media brands, bloggers, influencers and more.

Without that bigger picture, a bird’s-eye view of relevant search and social spaces, you’re flying blind.

By assessing how your competition is neglecting to address specific topics and identifying those gaps, you can capitalize on creating compelling content which resonates with people in the right way at the opportune time.

2. Understand and embrace generative

Read More

5 Ways To Drastically Improve The ROI Of Your SEO Strategy

5 Ways To Drastically Improve The ROI Of Your SEO StrategyScreenshot from Pi-Datametrics.com, January 2023.

In the chart above, you can see that a “target” zone has been identified within Pi Datametrics Market Intelligence‘s Estimated Revenue Opportunity.

Content for these key terms is ranking well enough, but it’s currently sitting outside the positions that get the highest number of clicks (and ultimately, revenue).

Once you have identified this low-hanging fruit, it’s a great place to focus your efforts and optimize accordingly.

There are often easy fixes within this target area, for example, sorting out internal linking causing content cannibalization.

If you can also identify how much additional revenue you would gain from improving this target content; this will help you build internal business cases for getting technical website fixes into release cycles.

How To Capitalize On Medium-Volume Keywords

  1. Identify: Find and identify content where the opportunity has already been established and you have content that already exists. Look at the content you have sitting on pages 2 and 3 of Google.
  2. Prioritize: Focus on the terms with the highest revenue opportunity in order to see a quick impact on performance numbers and goals.
  3. Optimize: Once you’ve prioritized which terms to focus on first, go through each page one by one and optimize accordingly.

3. Optimize Your Content For Informational Searches

Optimizing for long-tail searches is key to capturing your audience at multiple touchpoints before conversion.

One of the best places to start is looking at the questions your audience is asking within the People Also Ask feature of Google search.

You can do this easily with Pi Datametrics People Also Ask Explorer, as seen below.

5 Ways To Drastically Improve The ROI Of Your SEO StrategyScreenshot from Pi-Datametrics.com, February 2023.

Having a good grasp and understanding of your audience’s intent can help inform your content so that it aligns with your customer and their needs.

Google’s People Also Ask feature is a really useful tool to get inside the mind of your customer and have a clearer picture of the content they’re searching for.

Use it to explore which questions on the SERPs relate to your product and key search terms.

Then, create and optimize your content so that you answer these questions and provide your customer with the information they’re looking for, before the point of purchase.

Our research suggests that if a customer views an “informational” page before a product page, they are more likely to convert, have a higher average order value (AOV), and also be a repeat customer.

Top Tips For Influencing Your Audience Before Conversion

  1. Utilize Google’s People Also Ask feature to get inside the mind of your customer and anticipate the queries they ask Google in relation to your product.
  2. Ensure your content is optimized to answer these queries, and if it’s not, think about adding new content to your strategy.
  3. Don’t forget about other SERP features. They all provide new opportunities to get your content in front of your customers and open more doorways to your site.

4. Maximize Opportunities From The Entire SERP

Read More

3 Psychology-Based Net Layout Ways That Impact Motion

Proud family gentleman, world traveler and creator of award-successful businesses Weberous and Crank out Tradition serving purchasers around the world @rafaelromis

First impressions are all the things. For most of your audience, their very first impact of your small business will begin with your web-site. The design of your site—including your web page layout, navigation, copywriting and even the colours you use—is everything when it will come to 1st impressions. That is why it is very important to faucet into essential web style tactics that are centered on psychology.

After overseeing 300-furthermore web-sites for clients in each field, I’ve started seeing specific styles in what operates. In this post, I’ll cover three psychology-based mostly net layout ways to use if you want to make a fantastic to start with effect and, more importantly, stir your audience into motion.

But to start with, let’s go over why it’s significant to have an understanding of your audience.

Designing Your Site For Human Conduct

In 2021, world-wide paying out on industry research was about $76 billion. Because 2008, shelling out has far more than doubled. So, why do companies make investments so much into being familiar with their audience? Simply because the far better you can comprehend your audience’s actions and requirements, the improved you can existing your internet site and your supply in a way that aligns with their special psyches.

Considerably too often, websites are built to seem a specific way without supplying much considered to the conclude person. Right before you come to a decision on how you want your site to be created, assume about how your viewers needs your website to be created. Just simply because your internet site design and style can make sense to you does not signify it will make sense for your people.

Great world wide web design and style typically employs psychological tactics no matter whether the world wide web designer realizes it or not. For example, the colors you use, the spacing in your design and style and even the font can have an impact on how a site customer feels, which may well lead them to acquire a specific action.

A superior illustration of a website that is built to meet its users’ demands is Craigslist. It is notorious for its incredibly dated internet site design and style. The internet site appears nearly similar to how it seemed nearly 30 decades in the past, in 1995. But Craigslist doesn’t will need to update its design to best serve its viewers. Its basic, dull, aged-fashioned design flawlessly serves individuals who want to publish an advertisement or locate an ad due to its simplicity.

Believe like Craigslist. Uncover out who your focus on viewers is and how they behave. At the time you’ve accomplished that, you can style and design your web-site for their demands, and then use the adhering to psychology-based world-wide-web design and style ways to encourage them to acquire action.

3 Psychology-Centered World wide web Design Techniques

1.

Read More

10 Ways To Optimize Your Site For Future SEO Success

Additionally, Google is working on upgrading its search capabilities through AI technology like MUM, which promises to make search more flexible.

This valuable knowledge will push you towards the best way to optimize your site.

Let’s make sure your SEO strategy matches the flexibility of your customers and Google’s constantly changing algorithm.

How To Optimize Your Site For Voice Search

Now that we know how people typically use voice search, let’s get to work.

Making your site voice-search-friendly can help people find you – and, more importantly, choose you.

How can your business leverage voice technology?

1. Find & Use Conversational Keywords

As you know, short and vague keywords are the enemy of SEO.

In most cases, mid-tail and long-tail keywords are much better: the more specific they are, the more likely they are to bring you a customer.

Voice search takes it a step further: even long-tail keywords aren’t enough.

Instead, you have to use full phrases and questions that are normally used in conversations between real humans.

Such as, “What is the airspeed velocity of an unladen swallow?”

Fortunately, keyword-finding tools can pick up such phrases and questions for you just fine.

Look no further than WebCEO’s Keyword Suggestions.

Voice Search: 10 Ways To Optimize Your Site For Future SEO SuccessScreenshot from WebCEO, April 2022

Once you’re inside the question research tool, select all conversational phrases.

Hint: they often begin with the words who, what, why, where, when, and how.

Good alternatives for voice search keyword research are Google’s autocomplete and “People Also Ask” features.

To take your research across the finish line, be sure to also look in forums and websites frequented by your target audience.

A really good example is Reddit. Find a subreddit related to your niche and check the thread titles – those are the questions asked by your potential customers.

All that’s left is to use them on your site.

2. Build An FAQ Section

You often hear that having an FAQ page on your site is great for your SEO, and it’s absolutely true.

Users come with questions, and you should have the answers ready.

SEO experts advise creating content that fulfills the users’ needs, and it’s hard to think of a better example than an FAQ.

But the important words here are “questions” and “answers” – that’s the essence of voice search!

Those questions and answers are the drivers of conversational language, which we’ve just talked about.

Using your research from step 1, list the questions on one of your site’s pages – then simply follow them up with answers.

Make them detailed, but not too long; users prefer quick answers, and voice search answers tend to be on the shorter side, too.

 

Voice Search: 10 Ways To Optimize Your Site For Future SEO SuccessScreenshot from Siri User Guide, April 2022

3. Go Multilingual

Chances are, you have a diverse pool of visitors who speak more than one language.

If that’s the case, you need to prepare content they can find and use.

With voice search involved, the quality of your content’s translation needs to be very accurate.

You want to

Read More