{"id":26817,"date":"2022-10-20T19:06:35","date_gmt":"2022-10-20T16:06:35","guid":{"rendered":"https:\/\/www.ibtdi.com\/?p=26817"},"modified":"2022-10-30T20:51:18","modified_gmt":"2022-10-30T17:51:18","slug":"the-11-most-important-elements-of-modern-website-design","status":"publish","type":"post","link":"https:\/\/www.ibtdi.com\/en\/the-11-most-important-elements-of-modern-website-design\/","title":{"rendered":"The Top 11 Elements of Modern Web Design"},"content":{"rendered":"
\"The

The Top 11 Elements of Modern Web Design<\/p><\/div>\n

\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 | \u064a\u062a\u063a\u064a\u0631 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631. \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0647\u0646\u0627\u0643 \u0628\u0639\u0636 \u0627\u0644\u062b\u0648\u0627\u0628\u062a – \u0645\u062b\u0644 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649<\/span><\/p>\n

\u0645\u062d\u062a\u0648\u0649 \u0645\u0644\u0627\u0626\u0645 \u0648\u062c\u0630\u0627\u0628 – \u0625\u0644\u0627 \u0623\u0646\u0647 \u062a\u0638\u0647\u0631 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0639\u0646\u0627\u0635\u0631 \u0625\u0636\u0627\u0641\u064a\u0629 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0632\u0632 \u062a\u0623\u062b\u064a\u0631 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628.<\/span><\/p>\n

Some of these elements help tell your story and explain what your company is all about, while others capture<\/span><\/p>\n

users\u2019 attention right away or improve the experience on any device. You don\u2019t need to use every element at once (doing so<\/span><\/p>\n

can create a cluttered, confusing experience). Instead, choose specific elements that align with your brand and website goals. <\/span><\/p>\n

Yours can help amplify the overall impact.<\/span><\/p>\n

To help narrow your focus and find the best elements for your website, we break down <\/span><\/p>\n

the most important modern web design elements you can implement to improve your website\u2019s performance.<\/span><\/p>\n

.<\/p>\n

Distinctive Typography<\/span><\/strong><\/span><\/h2>\n

Most companies have a particular font or typography style they use to help customers recognize them instantly <\/span><\/p>\n

compared with their competitors. In recent years, designers have gained access to a wider range of fonts, making it easier <\/span><\/p>\n

Companies can express their brands more precisely through typography.<\/span><\/p>\n

.<\/p>\n

Why Is Distinctive Typography Useful in Modern Web Design?<\/span><\/strong><\/span><\/h3>\n

Typography is a distinctive design element that creates a consistent look across every page of a website. <\/span><\/p>\n

\u0639\u0646\u062f \u0625\u0646\u0634\u0627\u0621 Brand<\/a> For your company, your choice of typography can offer subtle clues about what you stand for. Is your business<\/span><\/p>\n

fun or serious? Functional or informative? Whatever font you choose, make sure your designer considers its compatibility<\/span><\/p>\n

across browsers and computers. Choosing a font that isn\u2019t supported by popular browsers and computers may mean your website<\/span><\/p>\n

displays awkwardly on different devices.<\/span><\/p>\n

.<\/p>\n

Engaging, Responsive Images\u00a0<\/span><\/strong><\/span><\/h2>\n

You don\u2019t have to look beyond the popular publishing site Medium to see an example of a great hero image.<\/span><\/p>\n

\"modern<\/p>\n

Modern Website Design Elements: Hero Images. Images like these move away from the traditional above-the-fold and below-the-fold concept, <\/span><\/p>\n

and instead offer a more individual perspective. By focusing on the image with just text, <\/span><\/p>\n

rather than a CTA or social buttons, Medium creates a powerful visual experience that encourages you to scroll down and read more.<\/span><\/p>\n

A hero image is often placed in the background, with text and other content layered on top. Regardless of the style you<\/span><\/p>\n

use, large images can help tell your story visually without having to rely on text alone.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

\u062a\u062d\u062f\u062f \u0627\u0644\u0635\u0648\u0631\u0629\u00a0 \u0646\u063a\u0645\u0629 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0646\u0635 \u0623\u0648 \u0641\u064a\u062f\u064a\u0648 – \u064a\u0645\u0643\u0646 \u0644\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 <\/span><\/p>\n

immediately give visitors a sense of what your brand is about, what you do, or what makes you unique. As a result, <\/span><\/p>\n

it\u2019s a good idea to brainstorm image ideas and get feedback from different sources to determine which image will make <\/span><\/p>\n

the greatest impact.<\/span><\/p>\n

.<\/p>\n

Background videos<\/span><\/strong><\/span><\/h2>\n

Autoplaying background videos can add a lot of intrigue to a page. <\/span><\/p>\n

They can be used to tell a story and significantly reduce the amount of other content needed to explain your business.<\/span><\/p>\n

\u062e\u0630 \u0645\u0648\u0642\u0639 Wistia<\/a> For example, when you land on their homepage, a large video starts playing automatically<\/span><\/p>\n

in the background. Click the play button to take a closer look at the company:<\/span><\/p>\n

\"background<\/p>\n

This background video is a great way to encourage visitors to click and stay on the page longer.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

Background videos are designed to captivate visitors from the moment they land on your page. Video helps visitors understand the key points<\/span><\/p>\n

about your company without having to read a single line of text.<\/span><\/p>\n

In addition, our brains process video 60,000 times faster than text. While people hesitate<\/span><\/p>\n

When reading large blocks of text, videos often stand out and can be consumed very quickly.<\/span><\/p>\n

It also helps improve connection speeds and increase the capabilities of mobile devices, making for a better video experience.<\/span><\/p>\n

.<\/p>\n

\u062a\u0635\u0645\u064a\u0645 \u0634\u0628\u0647 \u0645\u0633\u0637\u062d<\/span><\/strong><\/span><\/h2>\n

Simply put, flat design is any element that doesn\u2019t include or suggest three-dimensional effects, such as shadows. It doesn\u2019t just make<\/span><\/p>\n

flat design easier for users to understand; it can also load faster on websites without elements that are<\/span><\/p>\n

overly complex or technical.<\/span><\/p>\n

\u062a\u062d\u0648\u0644\u062a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a – \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0627\u0644\u0635\u063a\u064a\u0631\u0629 – \u0645\u0646 \u0627\u0644\u062a\u0634\u0643\u0644 \u0627\u0644\u0648\u0627\u0642\u0639\u064a \u0625\u0644\u0649 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0633\u0637\u062d. \u0648\u0645\u0639 \u0630\u0644\u0643 \u0641\u0642\u062f \u0648\u0636\u0639\u062a<\/span><\/p>\n

Companies like Uber have made their own mark on the style by adding subtle shadows and depth.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

Flat design helps visitors understand your content more quickly, while adding a few depth elements <\/span><\/p>\n

can bring it to life. Whether you design your entire website using flat design<\/span><\/p>\n

or use shadows and other elements, it\u2019s important to stay consistent throughout your website. Make sure your<\/span><\/p>\n

homepage, product pages, and any other major sections of your website all use the same design cues<\/span><\/p>\n

so visitors can immediately understand what they\u2019re looking at.<\/span><\/p>\n

.<\/p>\n

\u0642\u0648\u0627\u0626\u0645 \u0647\u0645\u0628\u0631\u063a\u0631<\/span><\/strong><\/span><\/h2>\n

Most websites have long lists of options to choose from. The benefit is that the menu can take visitors<\/span><\/p>\n

directly to where they want to go. The downside is that it generally takes up a lot of screen space. The hidden menu<\/span><\/p>\n

or hamburger menu changes that. This compact menu saves space and gives users an intuitive way to navigate. Website design elements<\/span><\/p>\n

\u0627\u0644\u062d\u062f\u064a\u062b\u0629: Hamburger Menus<\/a><\/span><\/p>\n

Wondering why it\u2019s called a hamburger menu?<\/span><\/strong><\/p>\n

\"modern<\/p>\n

\u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0633\u062a\u062e\u062f\u0645 \u062e\u064a\u0627\u0644\u0643 \u0641\u0625\u0646 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0627\u0644\u0645\u0643\u062f\u0633\u0629 \u0641\u0648\u0642 \u0628\u0639\u0636\u0647\u0627 \u0627\u0644\u0628\u0639\u0636 \u062a\u0628\u062f\u0648 \u0645\u062b\u0644 \u0627\u062b\u0646\u064a\u0646 \u0645\u0646 \u0643\u0639\u0643 \u0627\u0644\u0628\u0631\u062c\u0631 \u0648\u0641\u0637\u064a\u0631\u0629.\u00a0<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

Your website pages should give users a clear path to follow. Removing cluttered navigation makes<\/span><\/p>\n

the experience cleaner and free of distractions. This increases the likelihood that users will find the information they need to complete<\/span><\/p>\n

the desired action.<\/span><\/p>\n

.<\/p>\n

High-quality product images<\/span><\/strong><\/span><\/h2>\n

Many websites have started B2B<\/a> displaying large product images on their sites to highlight different features or parts <\/span><\/p>\n

of their products\u2014and this wasn\u2019t by accident.<\/span><\/p>\n

To give you a better idea of what we mean, let\u2019s take a look at HubSpot\u2019s Marketing Hub product page:<\/span><\/p>\n

\"high<\/p>\n

There\u2019s a large hero image on this page, and as you scroll down, you\u2019ll find additional, more detailed product images. The images are also<\/span><\/p>\n

responsive and designed to ensure an enhanced experience for visitors using different devices, as mentioned earlier.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

High-quality product images help designers showcase the product\u2019s different features more efficiently and effectively.<\/span><\/p>\n

This approach amplifies the benefits of a feature by making it possible to highlight its most valuable aspects.<\/span><\/p>\n

These large images are easy to scan, too. They help visitors build a strong understanding of what the product\u2019s different features do. <\/span><\/p>\n

By conveying them through images rather than words.<\/span><\/p>\n

.<\/p>\n

\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0637\u0627\u0642\u0629<\/span><\/strong><\/span><\/h2>\n

With the rise of Pinterest, designers and marketers alike became fascinated by cards. Individual cards help<\/span><\/p>\n

present information visually, so visitors can easily consume small pieces of content without feeling overwhelmed.<\/span><\/p>\n

Miiryia\u2019s homepage is a great example of card-based design in action:<\/span><\/p>\n

\"card<\/p>\n

By dividing different types of content into cards, users can choose which articles they want to explore further.<\/span><\/p>\n

This helps keep the homepage clean and organized without relying on too much text.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

Card-based design has become more common across B2B and B2C websites because it helps present information in easy-to-digest chunks<\/span><\/p>\n

for users. Using this design on your website can help showcase multiple products or solutions side by side.<\/span><\/p>\n

Keep in mind that your cards should be responsive. This means that as the screen size gets smaller or larger,<\/span><\/p>\n

the number and size of the cards displayed should adjust accordingly.<\/span><\/p>\n

.<\/p>\n

Featured videos<\/span><\/strong><\/span><\/h2>\n

In addition to background videos, short product or feature videos are also trending<\/span><\/p>\n

as they can be used to highlight a specific use case. These short videos are great for bringing a solution to life<\/span><\/p>\n

Yours without overwhelming visitors with a lengthy experience they have to sit through.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

B2B companies benefit from videos that explain their products and help positively influence the decision-making process.<\/span><\/p>\n

\u0644\u062f\u0649 \u0627\u0644\u0645\u0634\u062a\u0631\u064a.<\/span><\/p>\n

.<\/p>\n

Responsive design<\/b><\/span><\/span><\/h2>\n

First-generation websites were designed for desktop computers. As a result, they were built to fit larger screens<\/span><\/p>\n

and mouse-based point-and-click navigation. However, the rise of mobile devices means web traffic can come from<\/span><\/p>\n

\u0645\u062a\u0639\u062f\u062f\u0629 – \u0648\u064a\u062c\u0628 \u0623\u0646 \u064a\u0642\u062f\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0646\u0641\u0633 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0628\u063a\u0636 \u0627\u0644\u0646\u0638\u0631 \u0639\u0646 \u0646\u0648\u0639 \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.<\/span><\/p>\n

In practice, this means creating mobile-friendly website layouts that take advantage of responsive web design<\/span><\/p>\n

responsive, allowing website elements such as images, text, and user interfaces (UIs) to resize and adapt<\/span><\/p>\n

automatically based on the device used to access the site.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

Mobile devices now account for more than 54 percent of all web traffic worldwide. <\/span><\/p>\n

This means that if your website isn\u2019t mobile-friendly, you could lose up to half of all potential customers.<\/span><\/p>\n

Consider a desktop-friendly website accessed by a smartphone user. If the text and images aren\u2019t resized<\/span><\/p>\n

and the buttons aren\u2019t adapted to touch controls and a smaller screen, it\u2019s almost impossible for<\/span><\/p>\n

\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0645\u0627 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646\u0647 – \u0628\u0639\u062f \u0639\u062f\u0629 \u0623\u062e\u0637\u0627\u0621 \u062e\u0627\u0637\u0626\u0629 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0623\u0646 \u064a\u0623\u062e\u0630\u0648\u0627 \u0646\u0634\u0627\u0637\u0647\u0645 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0625\u0644\u0649<\/span><\/p>\n

\u0645\u0643\u0627\u0646 \u0622\u062e\u0631.<\/span><\/p>\n

.<\/p>\n

\u0627\u0644\u0641\u0636\u0627\u0621 \u0627\u0644\u0623\u0628\u064a\u0636<\/span><\/strong><\/span><\/h2>\n

White space is often used in minimalist web design, but it is now an important feature of modern website frameworks.<\/span><\/p>\n

By balancing content such as links, text, and videos with similar amounts of white space, you draw<\/span><\/p>\n

users naturally to the key aspects of your website. While there\u2019s no hard-and-fast standard for how much white<\/span><\/p>\n

space you need, a good rule of thumb is to leave some white space between every element<\/span><\/p>\n

\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

Site navigation plays an important role in user satisfaction. If visitors have trouble finding your product or contact pages<\/span><\/p>\n

of your own, they\u2019re unlikely to click and start the conversion process.<\/span><\/p>\n

White space helps direct users\u2019 attention to the elements that matter most to your business. For example, if you have a<\/span><\/p>\n

featured product image or video at the top of your homepage, separate it from the surrounding content with white space. This<\/span><\/p>\n

helps it stand out on its own and highlights its importance compared with the rest of your site. However, if it\u2019s surrounded by visually<\/span><\/p>\n

noisy elements, the focus will quickly be lost.<\/span><\/p>\n

.<\/p>\n

\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0633\u0631\u0639\u0629<\/span><\/strong><\/span><\/h2>\n

Having an attractive, content-rich website won\u2019t help increase conversions if your site loads slowly and<\/span><\/p>\n

Users are taking their browsers elsewhere. As a result, it\u2019s essential to optimize every element of your website for speed<\/span><\/p>\n

to reduce the time between a click and the content appearing.<\/span><\/p>\n

In practice, this means optimizing all images to balance image quality and file size. <\/span><\/p>\n

For example, while PNG images offer higher quality and transparency, they\u2019re much larger than JPEGs. In most cases,<\/span><\/p>\n

JPEGs offer the best balance of speed and quality. Meanwhile, GIFs are ideal for animations, <\/span><\/p>\n

but they use fewer colors, making them less than ideal for still images.<\/span><\/p>\n

\u0645\u0646 \u0627\u0644\u062c\u064a\u062f \u0623\u064a\u0636\u064b\u0627 \u0636\u063a\u0637 \u0623\u064a \u0645\u0644\u0641\u0627\u062a \u0645\u0633\u062a\u0636\u0627\u0641\u0629 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639\u0643 – \u200b\u200b\u064a\u0645\u0643\u0646 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0636\u063a\u0637 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u062a\u0642\u0644\u064a\u0644 \u062d\u062c\u0645 \u0627\u0644\u0645\u0644\u0641<\/span><\/p>\n

significantly without a proportional loss of functionality. Website owners should also consider their hosting environment:<\/span><\/p>\n

for example, dedicated hosting or a VPS will typically deliver faster website load times than shared hosting solutions.<\/span><\/p>\n

.<\/p>\n

\u0644\u0645\u0627\u0630\u0627 \u0647\u0648 \u0645\u0641\u064a\u062f\u061f<\/span><\/strong><\/span><\/h3>\n

According to Google statistics, as page load times increase from one second to 10 seconds, the visitor bounce rate rises by<\/span><\/p>\n

123 \u0628\u0627\u0644\u0645\u0627\u0626\u0629. \u064a\u0644\u0627\u062d\u0638 \u0639\u0645\u0644\u0627\u0642 \u0627\u0644\u0628\u062d\u062b \u0623\u064a\u0636\u064b\u0627 \u0623\u0646\u0647 \u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0627\u0644\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0627\u062a\u0635\u0627\u0644\u0627\u062a 4G \u0623\u0643\u062b\u0631 \u0642\u0648\u0629 “\u0644\u0627 \u062a\u0632\u0627\u0644 \u063a\u0627\u0644\u0628\u064a\u0629 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0647\u0627\u062a\u0641<\/span><\/p>\n

\u0627\u0644\u0645\u062d\u0645\u0648\u0644 \u0628\u0637\u064a\u0626\u0629 \u0648\u0645\u0645\u062a\u0644\u0626\u0629 \u0628\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631”.<\/span><\/p>\n

As a result, even small investments in improving website speed can deliver significant returns, especially since page speed<\/span><\/p>\n

is now used by Google as a ranking factor for mobile searches and Google Ads.<\/span><\/p>\n

","protected":false},"excerpt":{"rendered":"

\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 | \u064a\u062a\u063a\u064a\u0631 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631. \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0647\u0646\u0627\u0643 \u0628\u0639\u0636 \u0627\u0644\u062b\u0648\u0627\u0628\u062a – \u0645\u062b\u0644 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0645\u062d\u062a\u0648\u0649 \u0645\u0644\u0627\u0626\u0645 \u0648\u062c\u0630\u0627\u0628 – \u0625\u0644\u0627 \u0623\u0646\u0647 \u062a\u0638\u0647\u0631 [\u2026]<\/span><\/p>\n","protected":false},"author":3,"featured_media":26818,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_ibtdi_aa_focus_keyword":"","_ibtdi_aa_secondary_keywords":"","_ibtdi_aa_audience":"","_ibtdi_aa_tone":"","_ibtdi_aa_summary":"","_ibtdi_aa_reviewer_name":"","_ibtdi_aa_reviewer_bio":"","_ibtdi_aa_reviewer_url":"","_ibtdi_aa_reviewed_date":"","_ibtdi_aa_service_id":"","_ibtdi_aa_related_ids":"","_ibtdi_aa_human_reviewed":"","_ibtdi_aa_disable":"","_ibtdi_aa_disable_links":"","_ibtdi_aa_sources":"","_ibtdi_aa_update_notes":"","footnotes":""},"categories":[491],"tags":[25916,7310,25918,373,25037,417,25917,25914,25915],"class_list":["post-26817","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-491","tag--11-----","tag-7310","tag-25918","tag-373","tag-25037","tag-417","tag-25917","tag-25914","tag--b2b"],"_links":{"self":[{"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/posts\/26817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/comments?post=26817"}],"version-history":[{"count":0,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/posts\/26817\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/media\/26818"}],"wp:attachment":[{"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/media?parent=26817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/categories?post=26817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/tags?post=26817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}