Contact Us

Blog

pattern

My Top Recommendations for online SEO in 2021

✋🏼 Web vitals and speed
Google score for web vitals becomes a ranking factor. Many people think that good speed is enough, but this is not true in 2021. Now, you must care about methods of caching, how your files are loaded, how your images are loaded and cropped, what you show on the first screen.
We found that dynamic content on top of the page (item carousel, sliders) reduced score a lot even if the site is fast.
We updated our special tutorial. Go to wpsoul.com and search for “web vitals”
📶 Mobile-first
In 2021 you should care ONLY how the site is working on mobiles. Take attention, that mobile has only 360px width. So, stop using this popup, floating 20 social buttons on side of the site, browser notice for updates from one signal, sticky banners, and subscription floating forms for mobiles. If the user wants to subscribe, he will find your social icon on the site. If you use floating elements, use only those which have a sense. For example, a button to add to the cart. Check our product demos on recart.wpsoul.com, refashion.wpsoul.net to see how elements are working differently on mobiles and desktop
📎 Content
Long content is working better now. Much better than before. Google announces passage as a ranking factor. It means that it will divide the long page into a logical section. Each logical section has a chance to be ranked on top of Google.
That’s why we spent a lot of time making special blocks and post layouts, like an auto-generated table of contents, Color, and review heading blocks which divide pages into logical parts. Check reviewit.wpsoul.net demo for inspiration
🖼️ Content formatting
Year, baby. Now it matters. Start using a different kind of content. Not just text and images, but also tables, good formatted blockquotes, charts and diagrams, faq accordions. This gives a chance to get a featured snippet in google
🔗 Trustable external links
Now, it’s not only important to get links on your sites, but it’s also important to add links in the content to trustable sites. This can have a huge impact on affiliate links with redirect like in all affiliate networks. Because they use links like linksene.com?url=…. So all links will go to the affiliate network first, then redirect to the original site.
You think that link cloaking will help. No, they don’t. Search spiders can read redirects now.
So, direct affiliate programs from shops and links like iherb.com?ref=22 is better
🎥 Video grows
If you didn’t make any video yet, start to do it. If you don’t know which video to make, do tutorials on how to do something. But here is another problem. Youtube loads a lot of scripts which reduces google score for web vitals. For our products, we are working on a smart Gutenberg video block that will load video only on click and will have proper video shema. Will be introduced in Rehub theme exclusively. if your other themes, try to find such a plugin. We will make a separate plugin for this later so you can use it on any theme
💥 Seo tips still work
Adding SEO keyword in the title, adding numbers in the title, making the first paragraph as SEO optimized
😁 Page hubs have good traffic
What is the page or product hub? Imagine that you have several products, one main product, several accessories, several cross-sells. Why do not make a separate page with great designs and describe products? This is usually called Lookbook. Another example, you have many articles about solutions for separate questions. You can create a page where you can group these questions into one big niche.
💪 Focus on something one
Everything becomes more complex and more competitive. It’s simply not possible to cover everything. So, concentrate on something more bigger and important. If you have more traffic on social media, concentrate on it. Get your goal, then, you can try other sources.
❤️ Get a favor, Subscribe to our page for high-value content and tips


Read More

100 Grade on GTmetrix and Google Speed Insight.

Today we finished the last phase of speed optimization for the theme and this gives us 100 grade. I want to share you some details about what we did and which unique options we implemented.

1. First step – Files.
It was to find most heavy sized files that are generated on site. It was icon font in our case. We used Fontawesome icons as many other developers and this was a problem. FA icons added more and more size in each version. So, we decided to make our own icon font bundle. Size was reduced from 1 mb to 24kb. This was the first victory in this war.

2. Second step – Google fonts
Second step was to disable default google fonts. Google font is an external request and it can’t be cached and optimized. We studied a lot of sites and found the best set of fallback fonts which are very similar to Roboto. Now, we removed request to Roboto font and at the same time, if the user has no Roboto installed on the system, he will see very similar, cross-system, cross-browser universal fonts. This reduced another 100kb size on site and 1 external request.

3. Third step – CSS framework.

Third step was to build own css framework. Most of the themes use Bootstrap, Materialise, Foundary, Tailwind, or other frameworks. Yes, it has a sense because frameworks have all useful styles and you don’t need to make new styles again and again for all new blocks. But this has own price – Bootstrap has minimum 200kb for basic styles. At some point, we thought that we can use customized Bootstrap, but we decided to use another approach. Instead of adding all styles together, we decided that we will add only those styles which we need in the current point.

Example – Bootstrap has a lot of styles to control margins on Mobiles. You can add, for example, 10px right margin only for mobiles or only for tablets. But we found, that such styles never used. In 99.99% of cases, when you build a mobile site, you want all elements to be stacked under each other and have only margins at the bottom. So, we added styles only for the bottom mobile margin.

The result – instead of 200 kb, our framework for common styles is 20kb. At the same time, we are not limited to using flexbox or other popular systems and can use also CSS grid and other experimental features without waiting for updates for bootstrap or other frameworks.

4 Step – code refactoring

The fourth step was to refactor code and make all blocks to use new framework and modern styles for CSS grid and flexbox features. This saved near 100 kb.

5 – File loading.

The fifth step – refactoring for javascript and styles requesting. 5 years ago, before web vital requirements, google and gtmetrix reduced scores when you have many browser requests to files. All developers tried to add all scripts and files in one file. Today is different. Google wants to have less size of files instead of less requests. So, we divided all scripts and styles into logical parts and separate files. Even if it’s just a few lines of code. We made separate styles and scripts for all blocks, widgets, modules, shortcodes, Gutenberg blocks and enabled them only if the block is used on page. This saved another 120kb.

6 – Images

This is the weakest part of WordPress. It simply doesn’t have a good resizer. Of course, we can build our own, but then, we will lose compatibility with different plugins. We have a long journey in our fight with images and finally, we decided to use hybrid method. For small images and for blocks which are not very often in use on sites of our clients we used our own resizer. Even if it will have no compatibility with CDN or plugins, there is little chance that the client uses this block on site with CDN, also he can use another widget or block if he has issues.

For most common blocks and product loops, we created few predefined sizes of images and added a special wrapper around regular WordPress thumbnal function which allows us to add custom lazy load for images, custom fallbacks for images, support for Ajaxed parts, and in the same time this has compatibility with plugins, because we use regular WordPress functions.

On inner pages, we decided to use regular WordPress images without any modifications, especially in fact that WordPress 5.5 version has lazy load for inner images.
This was fixed problem with different kind of google warnings about image sizes. By the way, we see now, that google executes all scripts before checking page in first screen. So, we recommend to avoid using big images in first screen even if it has lazy load. For this purpose, we made many post layouts which show the small featured image. Looks like, big titles are more in trend now than big images.

7 – Shortcode and block optimization.

We found that some blocks have more impact on speed than other. Of course, if you use featured grids with big images or video playlist from YouTube, they will drop speed. So, we implemented special lazy loading bocks for videos and redesign many blocks by implementing lazy loading for blocks. Also, we made iframes for YouTube and playlist block to load only on click instead of initialization on loading. For blocks that uses background images we implemented special Background lazy loading. We also were forced to remove some outdated blocks for old plugins.

We also revisited Elementor blocks. Unfortunately, Elementor is a very slow plugin and not optimized, it generated tons of code and styles. We were forced to customize some core functions of Elementor for most weak parts, so, our Elementor pages usually get over 90 scores on Homepage with tons of blocks and animations. The same pages on other well optimized themes have near 70-80 score.

8. Step number eight

Animations. Most of the developers use CSS animation libraries. Yes, it’s good for development as it’s easy to use. But not good for speed because you need to load additional styles (usually 50-150 kb). We used GSAP instead. It’s the most optimized animation javascript library. In some scenarios, it’s even faster then CSS transformation and it’s very powerful. We added our WOW animation framework and you can see many powerful animations on our demos that are not rendered blocking and very smooth. We even replaced the popular revolution slider plugin hero headers. This saves near 200 kb and allows to remove one heavy plugin
Last step. Conditional non render blocking css.

Here we need to mention the biggest problem nowadays – CLS and render-blocking. The problem is that Google wants to see non render-blocking styles, but styles are loaded in the header in WordPress and are render-blocking. There is the reason for this. If you place styles in footer, page will be unstyled while loading, this causes big CLS (flashing and reflow while page loading). So, you can fix render-blocking, but this can cause CLS and score drop.
Again, we decided to use Hybrid method. We divided all styles on logical parts. Some of them are loaded globally in general style file, some of them are loaded only on special pages, for example, some styles are loaded only on inner pages, some styles are loaded in Account pages, etc. Plus, we created a special inline function which loads styles inline in code, this makes styles non render blocking and not affecting CLS. I hope WordPress will add some similar functionality but in current point we use our own unique approach and this allows to get 100 score and makes our theme one of best optimized theme.

What’s next?

Currently, we are concentrated to build our own page builder for Gutenberg which will be the fastest and most optimized, because it doesn’t generate any global scripts and styles at all + uses our WOW animations based on GSAP. Then, we can remove Elementor from our sites, this should make complex Homepages and complex inner pages work as fast as a simple post with text.

Also, we will continue to improve CLS for layouts. It’s really hard, because we simply can’t know which images are used by users. Sometimes they use rectangle ratio, sometimes external featured images, very big images or very tall and there is no special height and crop format which fits all users.
P.s. Theme and plugins are just 30-50% of your speed score. Another 50% is your hosting and cache optimization. What’s you need to check for hosting is TTFB. If it’s more than 500ms – maybe it’s better to change hosting.

Another thing that you MUST use is cache plugins. We added big step tutorial about free plugins that we use on our sites. Without a reasonable and good configured cache system, it’s not possible to get a 100 grade. I hope you understand this.

Check first comment for link on tutorial for WordPress about our cache system based on free plugins and some examples of our pages.


Read More

Attention for Elementor users. The current version loads two additional fonts and this affects speed. how to disable.

To disable them, click on hamburger menu in left top corner of Elementor when you edit any page in Elementor editor. Then, go to Site settings and Font settings. You will see 4 fonts, click on pencil icon, then in font settings click on back circle icon which is opposite to Typography label. This will return default settings. Do this for all fonts.


Read More

What is Digital Marketing?

People trust information provided by internet to buy or sell of for anything, In this journey of Internet in India, creates its own Marketplace to provide best product/service at your doorstep.

Marketing is a way to connect with your audience in the right place on right time. that means you need to meet them where they are available and already spent time: its Internet

Digital Marketing enclosed with all marketing efforts which is done by an electronic device or by internet. Businesses searched by search engines, social media, emails, online marketplace and other websites.

There are lot of ways to be available where your audience spend time and search product or services. your audience also trust internet information and reviews for next business process. 80% of your targeted audience search your product and services on internet to get best amount of information provided by internet.

Lets see where your audience search your product or service through an electronic device or internet.

1) Search Engines

Most trusted and easy way to search information on internet is search engines. Search Engines are the best platform to find anything in just a second.There are many search engines available who provide acurate data as per search phrases such as Google, Yahoo, Bing and lots of….

2) Social Media

Social Media is a place where your audience is available for searching information provided by people on a specific platforms that is music, videos, graphics, podcast, animation. In India every person spent at least 1 hour to scroll down social media feeds on various platforms likely Facebook, Twitter, Instagram , linkedin , pinterest.

3) Online Marketplace

Same as Traditional Market, Online Marketplace creates its own identity to provide world class product and services in the starting of 21st Century. Online market reached at your doorstep through your mobile and smartphone where you can directly order your product or service in few minutes without spending your energy.


Read More

Launching A New Website?

Launching a new website is same as starting a new store for your business. In nowdays when we are planning to launch a new store for targeted audience, we create a check list on the basis of our business study and audience requirement.


Read More

What Is Web Designing?

You may have seen the different designs of the websites. Whenever you visit a website, when you look at the design of the website, you see the design, contents and the decoration of the website, it depends on how it was designed and presented.

Today we will discuss What is web designing. If you have knowledge of the computer, you will definitely know a little bit of web design, where it begins.

If you want to earn money online by becoming a web designer. So you are very important to have the knowledge of web design because without it you cannot earn money by Internet through becoming web designer. Visit frequently when people see the design of a website well. thereby increasing the chance of earning money. If you have to know about Web design, you can read this blog.

What Is Web Designing

Creating websites on the internet is like building a home as we buy the first land to build a home the same way we buy hosting before we build our website, then we design the website like a map of a home. And given the map, we build a full-house website, and it’s called Web designing itself. Websites come in 2 types

Web designing consists of two parts as I explained the first design that we designed the front end, and then looking at the design will create the entire website, so it’s both different in the way that the coding is called the baked and designing. Both of them have different jobs that are given below.

Front End Web Designing

As the name suggests, the first end Web design is the design of the front. The work of front and design is the same as we make it beautiful by colour outside of the home. It is kept in mind about where to put on so that the incoming user doesn’t have much trouble finding the content.

Front-End

You have seen a flowering plant in which the flower reflects the beauty. The same flower we can value in front-end Web designing and the bottom of which is the stem we can value the buck and Web designing. Back End Web design as a foundation for any website.

This designing is not visible to the user but is the biggest hand in creating a website. With back-end designing, the website owner can stop a variety of things so you don’t have to open that thing.To become a web designer, you need to be design both Front End and Back End For this, we’re telling you what programs you need to learn so that you can become a good web designer.

What Is Front End In Web Designing

For front-end Web design, you need to have a basic course of Photoshop. So you can create a design of any website. Then you need to learn the HTML (Hypertext markup language), CSS (Cascading Style Sheets). So you can create a design for any website. It is a computer language which designs the website through code.

After learning HTML, you try to learn CSS. HTML works to create a Design for our website, and CSS works to make our same beautify structure in design. You can then start learning the programming of JavaScript.  JavaScript is designed so that any action can be captured. As you click an icon or button by going to a website and you’re shown new content, the work is JavaScript.

Basically, JavaScript is a client-side programming language. It’s used for action based work.

What Is Back End In Web Designing

As we have told you before, what is the work of back-end Web designing. On the same basis, we’re telling you a few programs below that you can do by designing a back-end Web.The simple language for this is PHP language, so you can do this in web designing and other languages, but PHP is the simple language. Facebook is also built into PHP language.

You can also learn database language like SQL/PLSQL and database MYSQL if you want to use high language from this. This type of language can now store anyone’s data, so you can save data in PHP as well. So there are two languages you can do to design a back-end Web.

Web Designer

If you learn to design front end and back end, you will become a web designer at a good level. And you can earn good money sitting home or apply for jobs even in a company. The Web Designer is very much needed in the coming time because the entire work is gradually becoming limited to the Internet. You need to do a little effort. If you work correctly, you can make good money in this.

In this blog, you have What is web designing, Web designing and career Web designing in computer graphics, Web designing courses Delhi, what is Web design etc.  If you have any questions or suggestions besides, please ask your comment below.


Read More

STATIC VS DYNAMIC WEBSITE

Static and Dynamic Websites Difference has given me the opportunity to develop a website.

What Is Webpage & Website?

The first thing to do is to get a webpage; Webpage has the documents that are displayed on the browser. This document has been embedded in videos, audio, image, text.

Websites:

The website has a collection of WebPages. In WebPages, you have been connecting with different ways, which are used to hyperlink.

Websites Come In 2 Types

  1. Static Websites Designing
  2. Dynamic Websites Designing

What Is The Static Website/ Webpage?

WebPages of the static website contain Static text. Static websites can’t use a database. i.e Website not connected with any of database to store data. All test data store in HTML format only.
Simple HTML and CSS use to design a static website.

Example:

The Static use for…
1. Personal Blog / Website:
2. Small shop/office Websites:

Dynamic WebPages And Websites:

Dynamic Websites PHP, ASP.NET, JAVA, C++, Python, Ruby is a programming language design.
Dynamic websites use a database. The output of the user’s input has been provided.

Example:
E-commerce sites:
Flipkart, Amazon etc.

Difference Between Static & Dynamic Websites:

  1. Create a static website that allows you to create a dynamic website that has a lot of complexity.
  2. Static website has data, pages fixed. Dynamic websites are the only pages that change pages.
  3. Static website is fast loading, as compared with dynamic.
  4. Static website does not use any database, dynamic websites  access the database.

Read More

How to Grow Business Online in India

So you started a business in India and now you want to grow your business online in India. Cool, But everyone wants the same thing. Every tea seller see dreams of having a website and customer will order tea on his website and his team will deliver. After some time he will have a franchise model and now he will be the dream founder.

Hmm… you are confused. My question is simple.

What is the difference in you and in these people? All want to have a website, all can hire a digital marketing agency and grow their sales. All can tell their agency lets tie up you grow with us. Take 10% on conversion.

Problem is not in growing business online. Problem is to grow online with a vision to balance Agency Cost, Flow of Leads, Follow up of Lead, Satisfaction of customer, the appointment of the team members who can seriously make sure things go in the right direction. Cause you cannot manage everything sometimes. So the question is

Do you have someone who can seriously make sure things are going in the right direction?

Hmm… This is tricky. You came here to find out How to grow business online in India. Now you are reading do you have a team member who can either manage a digital marketing agency or someone who can hire and manage an in-house team of digital marketing domain. Anyway, let me first help you with your question.

How to grow business online in India – Checklist

I will write a different blog post for every title. Remember money can buy anything, but you need not buy everything, you are a seller, don’t become just a buyer while planning to become a good seller. So here is the checklist

  1. Recognition of Business Model – B2B, B2C, Manufacturer, Franchise
  2. Recognition of your the big Competitor – Olx, Uber, Amazon
  3. Logo, Brand Name Revamp Requirements
  4. Decent / Engaging Website / E-Commerce Website,
  5. Investment for Web hosting, CRM, SSL, Gsuite
  6. Lead Funnel Analysis
  7. Website Traffic Analysis
  8. Making Digital Brand Strategy
  9. Target Audience Planning & Prospect Search
  10. Digital Activities Follow up Calendar Creation
  11. Digital Expenditure aka budget & Responsibility Finalization
  12. Search Ads – Pay Per Click & Impression Optimization – PPC
  13. Search Engine Optimization – SEO – On-page & Off-page
  14. Social Media Optimization – SMO
  15. Social Media Marketing – SMM
  16. Search Engine Marketing – SEM
  17. Social Media Alignment
  18. Onsite & Offsite Promotion
  19. Cross-Platform Re-targeting
  20. Listing with Local Aggregator in India
  21. Promotion within the Local Aggregator in India
  22. Google Map Marketing
  23. Video Production & Promotion, YouTube Video, Explainer Video, Promotion Video, Company Profile Video Creation
  24. Image Planning on Google Search
  25. Web hosting Follow up
  26. Mobile Marketing
  27. App Marketing
  28. Case Study, Jingle Marketing, Character Marketing
  29. Content Marketing
  30. Testing Infographic, PowerPoint, Podcast, Microsites
  31. Influencer Marketing
  32. Domain Authority & Keyword Authority Analysis
  33. Keyword finalization & Keyword Addition
  34. Email List Building
  35. Portfolio Sharing
  36. Lead Magnate Activated
  37. The flow of Lead Generation
  38. CRM for Leads Allotment
  39. Local Listing Optimized
  40. Online Reputation Management
  41. Link Building or Back Links
  42. Portfolio Development
  43. Website Enhancement Analysis
  44. Content Creation Calendar Analysis
  45. Price Standardization
  46. Price Experiments
  47. Discount Planning
  48. Ad Implementation and revamp planning
  49. Conversion Tracking, CPC, CPA, ROI Optimization
  50. Follow up with Design & Content Team
  51. Different Kind of Touch in Creatives like Emotional, Interest, Informative
  52. Alignment of Future Goals with Short term achievements
  53. Conversion based Marketing & Ties up with Agencies
  54. Hashtag Push & Experiment on YouTube, Instagram and other Social Media handles
  55. Messaging Prospect One to One Ping via Digital Medium Like LinkedIn
  56. Competitor Research Analysis
  57. Reviews Marketing
  58. Affiliate Marketing
  59. Wifi Marketing Possibilities
  60. Digital Holdings & Area Testing with Online Marketing
  61. Social Activities & Reputation
  62. Public Relation, Vlogs
  63. Balance Customer feedback – Delivery, Time, Quantity & Quality
  64. Cost-Effective Digital Banner Investment in Blogs & Website
  65. Web Design, App Development
  66. Augmented Reality Marketing
  67. High buzz around your brand
  68. Seeding Trial Marketing
  69. Give Away – Sample Distribution & Alignment with Organic Sharing
  70. Scatter Content Across the Internet
  71. Testing Viral Marketing side by side of Long term planning
  72. Testing with bulk SMS
  73. Digital Webinar, Events, Contest, Q & A Session
  74. Video Collaboration
  75. Analyzing & Reporting
  76. Engagement Planning of Few Post
  77. Positioning & Digital Visibility
  78. Balance Digital Platform & Placement of Ads & their Result
  79. Re-targeting & Re-marketing
  80. Balance Branding & Lead Generation
  81. Balance Right Digital Marketing Mix as per your budget
  82. Testing Referrals, Live streaming, MLM Model Testing
  83. Double Domain Strategy
  84. Connect with Expert, Journalist, Blogger, Speaker, Writer, Vlogger, Activist in Your Industry,
  85. Test Story Telling, 3D Animated Videos, Buyer’s Journey
  86. Build Community, Support Customer in Achieving their end goal
  87. Idea Sharing & Feedback Entry Mechanism for Inside Team, Visitors & Customer
  88. Word of Mouth Strategic Implementation – Achieved through Value in Services & Products, Relationship your employee aka your brand makes with them
  89. Use of Digital Tools – Google Trends., Google Keyword Planner, Ahrefs. SimilarWeb, Buzzsumo. FB Audience Insights for marketing & Canva, Illustrator for creating cost effective post & infographic.
  90. Use of Digital License – Adobe Creative, Envato Elements, Freepik, Pixabay

Stay connected, I will be adding more. And i will be writing in detail for every point. And Checklist is not enough you need to implement as well.


Read More

How to Start an Online Business in India

So you want to start an online business in India.

But I will suggest you think again. And ask yourself who you are or what skills you already have and what kind of person you are. You must be having some skills.

Like

You may be good at talking so you may be good at sales.

If you having good knowledge of internet you can sale thing online. If you have dedicated your 2 or 3 years to any industry like footwear you can start selling footwear online.

But the problem is you may be not finding a business to pursue, you may be searching a guarantee of success. And that my friend no one can give.

Are you searching a business or you are searching a business that will give you 100% Profit…

You might be laughing at me. Cause you read many suggestions like start blogging or digital marketing business or start selling on amazon but be true to my words you can do everything and at the same time, you cannot do anything. Means it is not about it will work or not rather it is about will what you do when things not work.

Can you make things right?

Can you find the error?

Can you accept your mistakes?

Can you tell your team? yes, I was wrong. But now we will do things differently.

No matter what business you start you will see 2 things one is opportunities another is downfalls. Now at that time, you will be in a dilemma. Ok, what I should do. Should I stick to my resolution that this time I will hold my breath to one thing or should I take the risk and try every opportunity. Cause after 30 years you will be dead. So you are more confused now than you were before reading this blog post.

Let me answer your first question first.

How to start online business in India

  1. Find a business that you are good at.
  2. Give it a unique name, book domain if possible.
  3. Do whatever you know in any area but make good portfolio early as possible.
  4. Never sale things that do not work.
  5. Take customer testimonials and have a good connection.
  6. Make a decent website for it, by the way, we also make websites.
  7. Do not make things fixed in starting like pricing and all. Try to understand the customer requirement. Make your offer win-win.
  8. All in all, make things that are great in value & best in price.
  9. Want to go long run, search what is SEO and how you can get more traffic, paid or organic because only having a website is like having a resort in the desert. You have to do digital marketing for your website.
  10. Collect emails. Keep in connection with your existing customers and keep mailing your prospected customer what you have done.
  11. Keep finding things that you can sell to your existing customers.
  12. After some time you will be having some reputation in the market, so make a good connection even with competitors. Think like this you cannot go up without delegating. Collaboration is the key to keep moving forward. 
  13. Keep in connection with those who are helping you, cause that make your journey worth walking. I want you to be happy when you cross 40. Only money cannot satisfy you.
  14. Never judge your work as incomplete, you are not in this world to make something utterly perfect. Cause you are searching How to start an online business in India, you are not searching how to die just making a perfect dish that you will eat just before you die.
  15. Do whatever you can but try to balance time, quality & Quantity. Your customer will not like a pizza that they asked in the morning and you are serving the world best pizza at night. 
  16. Have a good team, keep appreciating them.  

Well if you want to do good business online. You must have strong offline pillars. So you should need to understand customer problems. 


Read More
WhatsApp chat