Зачем мне новый сайт?

Вопрос очевидный и ответ кажется на поверхности - незачем. Сайт есть, клиенты идут, бизнес работает. Зачем вкладывать деньги в новый сайт если очевидных выгод не видно?

Давайте подумаем вместе…
Понимание. Прикинем перспективы инвестиций. Я исхожу из того, что инвестировать нужно исходя из долгосрочной перспективы. Например недвижимость или драгметаллы. Здесь мы уверены, что эти вложения гарантируют нам стабильные и долгосрочные перспективы: недвижимость будет дорожать, золото останется ценным. Инвестиции в информационные технологии выглядят не так прозрачно.

Однако, внесём ясность…
Мы живём в эпоху цифровой глобализации и на протяжении последних 50 лет рынок ИТ показывал уверенный рост, а последние 10-летия - многократный. Рынок рекламы в интернете с каждым годом увеличивается. Радио и телевидение УЖЕ ушли на второй план по размерам рекламных бюджетов.

Остановиться ли этот процесс в ближайшем будущем?
Нет. И влияние технологий на нашу жизнь будет только увеличиваться. Поэтому инвестиции в технологии выглядят не так туманно как могло казаться. На подходе нейросети и нанороботы. А мы уже сейчас можем начать переводить бизнес в цифровую плоскость.

Технологии не стоят на месте. Каждый день умные ребята придумывают что то гениальное, каждый день люди учиться делать быстрее, лучше, проще, больше. Когда начинаешь погружаться в процессы разработки сайтов, перед тобой открываются бесконечные просторы знаний и технологий.

Есть множество различных способов создать сайт: конструкторы, готовые шаблоны, студии по разработке сайтов, фрилансеры. Какая вообще разница? И цена также разниться: можно самому за день сделать сайт на конструкторе или пойти в агентство и заплатить за ту же работу 500 000 рублей.

Какую дорогу выбрать? Куда пойти? Правильных ответов нигде нет. Огромные пространства возможностей во всех направлениях, разобраться во всех - не хватит жизни.

Большинство руководителей и владельцев компаний еще не успели до конца осознать что же им делать с сайтом и как именно это связано с их бизнесом.

Хочу пояснить на примере, который, как мне кажется, довольно точно отражает чем является сайт для любой современной компании, на примере автомобиля. Представим, мы - директор торговой компании и нам нужно увеличить свой торговый потенциал. Мы принимаем решение купить “Газель” и развозить товары на ней чтобы закрывать больше сделок с бОльшим чеком. Но так же, мы понимаем, что для того чтобы автомобиль работал, нам нужно нанять водителя, запланировать бюджет на ГСМ и амортизацию, подумать где будет храниться и обслуживаться наш транспорт. Эти вопросы очевидны и возникают сами-собой. Однако, с сайтами нет такой ясности. В умах заказчиков, нет понимания что делать с сайтом и как им управлять. Есть миф о том что сайт просто “должен быть”, но это не так и “машина не будет возить сама себя”.

Как управлять своим цифровым хозяйством и что для этого нужно?
А что бы ответить на эти вопросы, нужно понимать зачем нам сайт? Если продолжить аналогию с автомобилем, то, купи мы не “Газель” а, например, “Бычок” - мы бы могли перевозить больше, но дороже. А если бы нам требовалась скорость доставки - мы бы присмотрелись к мини-грузовым вариантам. Вот и с сайтом - нужно точно понимать специфику и перспективы его использования.

Опыт рунета показывает что большАя часть бизнеса еще не адаптировалась к постковидным реалиям и не смогла точно сформулировать свою цифровую повестку. Во многом этот кризис связан с отсутствием компетентных “специалистов-водителей”. Которые, со знанием дела, могут управлять различными сайтами и приносить прибыль своим владельцам, однако данный вакуум стремительно заполняют молодые специалисты интернет-маркетологи. Существует множество курсов, которые готовят актуальных специалистов. И, вскоре, количество компетентных “водителей” заполнит рынок. И что дальше?

А дальше мы переходим к самим сайтам, и продолжая аналогию автопарком, понимаем, что развитие собственного цифрового хозяйства, его исправность, скорость работы, безотказность, функциональность, удобство, внешний вид - это и есть следующий этап конкурентных битв на цифровом поле сети Интернет.

Мало того что сайт просто ДОЛЖЕН БЫТЬ. Теперь этого недостаточно!

САЙТ ДОЛЖЕН БЫТЬ ДОСТУПНЫЙ, БЫСТРЫЙ, УДОБНЫЙ, ЗАПОМИНАЮЩИЙСЯ, УНИКАЛЬНЫЙ И ПОЛЕЗНЫЙ.
Сайт должен решать боль посетителя и владельца сайта, а может и не одну! Сайт - больше чем просто отображение текстовой и графической информации. Он должен быть эпицентром маркетинговых и торговых процессов.

Сайт должен быть лучше по всем параметрам чем у конкурентов :

Несмотря на повальное увлечение социальными сетями, сайты все равно остаются универсальной конверсионной площадкой для всех маркетинговых воронок. Сайт не ограничен формой контента (фото или видео или текст), наоборот, поисковыми системами Google и Яндекс приветствуется разнообразие форм контента. На сайтах можно использовать всё сразу: фотографии, видео, списки, таблицы, графики и чем больше - тем лучше. Информацию можно представить в любом исчерпывающем виде в зависимости от специфики бизнеса.

У сайтов есть только один минус - за всё это придётся платить. Так же как и с автомобилями: можно собрать недорогой автопарк из БУшных “Газелей” и получить номинально готовый инструмент доставки, но ездить они будут не быстро и периодически ломаться. Или вы можете вложиться в новые Мерседесы, которых будет меньше, но ездить они будут быстро, не будут ломаться и выглядеть все это будет намного привлекательнее.

Так зачем же мне новый сайт?
Сайт это лицо любой современной компании, на сайте мы встречаем наших дорогих клиентов и предлагаем им наши товары и услуги. И по тому как любой человек, заходя в новый магазин, оценивает серьёзность подхода его владельцев к ведению бизнеса. Так и на сайте, люди строят отношение к компании по тому, что видят на экране мониторов.

Важно отметить - сайт важен не только для клиентов но и для команды и внутренних целей компании, обновление сайта, может означать новый виток развития, расширение потенциала и выход на новый уровень. К этому событию можно приурочить что угодно: переезд, повышение, сокращение. Для каждого сотрудника важно как выглядит его команда в “сети” и сайт имеет к этому непосредственное отношение.

Как поступать с инвестициями? Решайте сами. Но если “играть в долгую”, - выбирайте цифровое будущее!

Есть множество различных способов создать сайт: конструкторы, готовые шаблоны, студии по разработке сайтов, фрилансеры. Какая вообще разница? Какую дорогу выбрать? Куда пойти? Правильных ответов нигде нет. Огромные пространства возможностей во всех направлениях, разобраться во всех - не хватит жизни, а мы попробуем...

large_zachem-mne-novii-sait.webp

medium_zachem-mne-novii-sait.webp

small_zachem-mne-novii-sait.webp

thumbnail_zachem-mne-novii-sait.webp

zachem-mne-novii-sait.webp

Зачем мне новый сайт?

t's been a long time since I've posted an article and I can say that I missed it! Today, I am very happy to announce the release of the first SEO plugin!

Why?
It's true, why make an SEO plugin? I could have improved our FoodAdvisor demo application or updated our outdated tutorials on v4!

More seriously, many of you ask how to properly manage your content so that it is SEO friendly. Indeed, Strapi does not generate views as a traditional CMS would. It is therefore difficult to have the feeling of having a direct impact on SEO. On Strapi, which is a Headless CMS, you only have access to the data. What concerns the front-end, i.e, the formatting which must please the search engine, is another distinct part that the content manager/editor does not have direct access to.

However, ensuring that your content is SEO friendly can and should be done upstream, during creation. It would therefore be interesting for you to be able to ensure that your content meets a few SEO criteria in order to rank on the SERP. Well, this is what this article is all about!

Disclaimer: This plugin has been developed internally but many other SEO plugins will emerge on our marketplace. It's up to you to use the one that best suits your needs. In any case, know that the ExFabrica dev team is currently working on another SEO plugin that works differently but can be combined with the one I'm about to present to you, which is just awesome!

Disclaimer: This plugin has been developed internally but many other SEO plugins will emerge on our marketplace. It's up to you to use the one that best suits your needs. In any case, know that the ExFabrica dev team is currently working on another SEO plugin that works differently but can be combined with the one I'm about to present to you, which is just awesome!



How it works
The SEO plugin is divided into 2 parts:

Settings page
This page will detect if you have a seo component in a shared category (shared.seo). For the v1 of this plugin, it was easier to define a classic and simple architecture in order to be able to reiterate more easily for a v2. The shared category means that it is a category of components containing components that can be shared among all the content-types of your application, which is the case of an SEO component.If such a component is not detected, then it will automatically import it inside your Strapi project.Otherwise, the plugin will list the Content-Types of your application with or without the SEO component. You will then be able to add your component for each Content-Type, being careful to name it: seo and include it at the first level (root) of your CT.

Modal in Content Manager
It will then be possible for you from the content manager to have an SEO menu that will appear on the right in the right-links section when you have started to fill in your SEO component.
IMAGE

This menu contains 4 things:

Browser preview button
This will open a modal containing a SERP preview of your content based on the metaTitle and metaDescription fields. You can see the web and mobile preview :)

Social preview button
This will open a modal containing a Facebook or Twitter preview card based on your metaSocial components in your content.

A Summary of your SEO results
This allows you to quickly take a look at the results of SEO checks on your content. Note that you have to click on "SEE DETAILS" to update it.

SEO Checks
The SEE DETAILS link button will open a modal containing all the SEO checks on your content. You'll be able to see what you can improve or fix for your content to be SEO friendly as it should be!

________________________________


You will be able in the ./admin/src/translations folder to add the translations you want. This plugin has been translated into French only for now. Feel free to add any other translations :)

For the rest, it is very simple React code, the beginning is in the file ./admin/src/pages/HomePage. This file will contain the front-end of the plugin's Settings page. Then the part located in the content manager is managed by the SeoChecker component.

I don't think it's useful in this article to go deeper into the code. If you are more curious then I leave you the freedom to look at the source code of the plugin and do not hesitate to give any feedback or to directly contribute to the plugin, you are more than welcome!

See you later!

Learn how you can make your Headless CMS content SEO-friendly by using the first Strapi SEO plugin.

medium_Strapi_Custom_Plugin_1f292f3949.jpg

small_Strapi_Custom_Plugin_1f292f3949.jpg

thumbnail_Strapi_Custom_Plugin_1f292f3949.jpg

Strapi_Custom_Plugin_1f292f3949.jpg

The first Strapi SEO plugin

Introduction
Note: The content of this tutorial was revised and updated on February 2, 2022. Some other information such as the title might have been updated later.

If you are familiar with our blog you must have seen that we've released a series of tutorials on how to make blogs using Strapi with a lot of frontend frameworks:

- React
- Gatsby
- Vue
- Nuxt.js
- Angular
Next.js is an open-source Reactfront-end development web framework that enables you to leverage such features as server-side rendering or generating static websites for React-based web applications.

Starters
You may want to directly try the result of this tutorial. Well, we made a starter out of it so give it a try!
You may want to see what the final result of this tutorial looks like live. Well, we made a starter out of it, so feel free to try it out!

Goal
The goal here is to be able to create a blog website using Strapi for the back-end and Next.js for the front-end.

Prerequisites
This tutorial uses Strapi v4
You need to have node v.12 installed and that's all.

Setup
Create a blog-strapi folder and go inside it
mkdir blog-strapi && cd blog-strapi

Strapi setup
This is the easiest part of this tutorial and it’s all thanks to our expansion team who developed a series of Strapi templates that you can use for some different use case.

These templates are Strapi applications that contain pre-built collection-types and single-types suited for the appropriate use case and data type. In this tutorial, you'll use the Blog template and connect a Next.js application to it.

Create your Strapi backend folder using the Blog template.

Don't forget that Strapi is running on http://localhost:1337. Create your admin user by signing up!

That's it! You're done with Strapi! I'm not kidding, we can start to create our Next.js application now in order to fetch our content from Strapi.

Ok ok wait, let's talk about this amazing template you just created.

You should know that before we had starters and templates we only had tutorials. The idea of creating starters came to us when we realized that we could do something with the end result of our tutorials. Thus our starters were born. However, Strapi evolves quickly, very quickly. At the time, starters were made up of a repository that included the backend as well as the frontend. This meant that updating the Strapi version on all our starters took time, too much time. Therefore we decided to develop templates that are always created with the latest versions of Strapi. This was achieved quite simply by passing the parameter of the repository to the desired template like you just did. This method also gives a recommended architecture for your Strapi project.

These templates provide a solid basis for your Strapi application and include the following:

3 Collection types are already created. Article, Category, Writer.
2 Single types are already created. Global, Homepage.
Find and FindOne permissions are open for all of your collection-types and single-types.
Mock data.

This tutorial will show you how to build a blog using Next.js (React.js) for the frontend and Strapi as the backend.

medium_Next_a7b1c0f30b.png

small_Next_a7b1c0f30b.png

thumbnail_Next_a7b1c0f30b.png

Next_a7b1c0f30b.png

Build a blog with Next (React.js) and Strapi

To effectively use Next.js, it helps to be familiar with JavaScript, React, and related web development concepts. But JavaScript and React are vast topics. How do you know when you’re ready to learn Next.js?

Welcome to the Next.js Foundations course! This beginner-friendly, example-led course will guide you through the prerequisite knowledge for Next.js. You will build a simple project step-by-step; starting with a JavaScript application, then migrating it to React and Next.js.

Each section builds on the previous one, so you can choose where to start depending on what you already know.

Next.js is a flexible React framework that gives you building blocks to create fast web applications.

But what exactly do we mean by this? Let’s spend some time expanding on what React and Next.js are and how they can help.

Building Blocks of a Web Application
There are a few things you need to consider when building modern applications. Such as:

User Interface - how users will consume and interact with your application.
Routing - how users navigate between different parts of your application.
Data Fetching - where your data lives and how to get it.
Rendering - when and where you render static or dynamic content.
Integrations - what third-party services you use (CMS, auth, payments, etc) and how you connect to them.
Infrastructure - where you deploy, store, and run your application code (Serverless, CDN, Edge, etc).
Performance - how to optimize your application for end-users.
Scalability - how your application adapts as your team, data, and traffic grow.
Developer Experience - your team’s experience building and maintaining your application.
For each part of your application, you will need to decide whether you will build a solution yourself or use other tools such as libraries and frameworks.

What is React?
React is a JavaScript library for building interactive user interfaces.

By user interfaces, we mean the elements that users see and interact with on-screen.

User Interface Example
By library, we mean React provides helpful functions to build UI, but leaves it up to the developer where to use those functions in their application.

Part of React’s success is that it is relatively unopinionated about the other aspects of building applications. This has resulted in a flourishing ecosystem of third-party tools and solutions.

It also means, however, that building a complete React application from the ground up requires some effort. Developers need to spend time configuring tools and reinventing solutions for common application requirements.

What is Next.js?
Next.js is a React framework that gives you building blocks to create web applications.

By framework, we mean Next.js handles the tooling and configuration needed for React, and provides additional structure, features, and optimizations for your application.

Next.js App Architecture
You can use React to build your UI, then incrementally adopt Next.js features to solve common application requirements such as routing, data fetching, integrations - all while improving the developer and end-user experience.

Whether you’re an individual developer or part of a larger team, you can leverage React and Next.js to build fully interactive, highly dynamic, and performant web applications.

To effectively use Next.js, it helps to be familiar with JavaScript, React, and related web development concepts. But JavaScript and React are vast topics. How do you know when you’re ready to learn Next.js?

belye-kally-osobennosti-i-tonkosti-vyrashchivaniya.jpg

small_belye-kally-osobennosti-i-tonkosti-vyrashchivaniya.jpg

thumbnail_belye-kally-osobennosti-i-tonkosti-vyrashchivaniya.jpg

What is Next.js

Стильная и информативная визитка &ndash; залог успеха любого делового человека. От этой маленькой вещицы порой зависят крупные сделки, ведь именно по ней создается первоначальное впечатление о компании. В связи с этим грамотное оформление визитной карточки играет особую роль. 

Созданием визиток занимаются типографии и издательства, но гарантий точного соблюдения авторской задумки они не дают. Если вы хотите сэкономить деньги и время и подготовить отличные визитки, вам необходим специальный конструктор визиток на русском языке. &laquo;Мастер визиток&raquo; - <a href="https://amssoft.ru/lands/buisnesscard/main.php">хорошая программа для создания визиток</a>, предназначенная для использования в домашних условиях. С ее помощью вы сможете подготовить и распечатать любое количество визитных карточек собственного неповторимого дизайна. Познакомимся поближе с этой утилитой и рассмотрим ее основные функции. Программа позволит вам изготовить визитки всех существующих типов, а именно: визитные, контактные и корпоративные карты, а также бейджи. Визитные карточки представляют отдельных сотрудников, а контактные - целые компании и частных специалистов. Корпоративные карточки чаще всего используются для рекламы, а бейдж выгодно выделит вас среди других работников предприятия. Таким образом, данная утилита &ndash; не что иное, как универсальный конструктор визиток, которые можно применять для различных целей. &laquo;Мастер визиток&raquo; предлагает пользователям широкие возможности дизайна. Программа содержит более сотни готовых шаблонов на разнообразные темы: путешествия, спорт, красота и т.д. На базе этих шаблонов можно разработать свой вариант визитки. Чтобы создать визитную карточку с нуля, достаточно выбрать композицию, фон и цветовую гамму, а также по необходимости добавить произвольные фотографии, картинки или логотипы. Все это можно найти во встроенной коллекции редактора или загрузить из архивов компьютера. Рассматриваемый нами конструктор визиток оснащен специальной базой данных, предназначенной для хранения информации о компании и сотрудниках. Это позволит легко добавлять, а затем повторно использовать данные для создания визитных карточек. Необходимые сведения очень легко найти в базе посредством системы удобного поиска. Помимо всего этого, утилита поможет вам произвести качественную <a href="https://amssoft.ru/lands/buisnesscard/main.php">печать визиток в домашних условиях</a>. Карточки можно распечатать на бумаге любого типа и формата, в зависимости от ваших личных предпочтений. Чтобы обрезка визиток не доставила хлопот, вы можете установить линии-маркеры обрезки, предварительно расположив макеты на листе. В целях проверки получившегося комплекта, можно запустить пробную печать визиток. Это поможет вам убедиться в том, что все выглядит именно так, как вы задумывали изначально.&nbsp; Подводя итог сказанному, отметим, что &laquo;Мастер визиток&raquo; - наглядный и удобный конструктор визиток, который отлично подойдет пользователей с любым уровнем подготовки. Программа не потребует от вас абсолютно никаких профессиональных навыков и умений, а в случае затруднений вы всегда сможете обратиться к онлайн-учебнику.


[Познакомиться с продуктом](https://amssoft.ru/lands/buisnesscard/main.php?ap=72865)

Программа позволит вам изготовить визитки всех существующих типов, а именно: визитные, контактные и корпоративные карты, а также бейджи. Визитные карточки представляют отдельных сотрудников, а контактные - целые компании и частных специалистов. 