In the creation of the website, the front-end part is first to present in mock-up or prototype, to the client and users, before moving from the PSD graphic mockup to the website.

This makes it possible to validate the need, and to ensure that the website that will be created is the one expected by the users.

We often make a PSD graphic mockup, before transforming it into a website.

UX and UI are the face up and the most important part for the end user. you have to give it time and rigor, and ensure that the transition from the PSD graphic model to the website is done without loss of information.

In this article, the expert from the web agency Wedigitalpro, presents the transformation process of

What are UX and UI?

UX : User experience

UX is the acronym for user experience in English. In French it is the user experience. These are the elements: tools and procedures that make the user journey intuitive and enjoyable. 

It is still valid for all user journeys and it does not only concern digital. We can meet her in mass distribution, to imagine a pleasant customer journey in stores and shopping malls.

The user experience is encountered, also in the routes to carry out administrative procedures, or also for the organization of sporting events …

The customer experience studies the sensations and feelings of users, to present a physical or web journey, the most pleasant.

UI : User Interface

UI is the acronym for “User Interface” in English. in French it is “l’interface d’utilisateur “. These are the elements: design, and construction of the user interface.

The user interface is made up of all the graphic elements: the content of the screens, the navigation logic, the animations, the input fields, the buttons, the icons, the messages, the colors, the fonts, etc.

The structuring components of the user interface are organized first into templates, models and themes. They also adapt dynamically according to the profile of the web user, or the device.

The UI can still be presented by a static and dynamic model.

How to make a static web model?

Structuring elements of the identity of the brand or the company are graphic. And they must be reflected in the design of the website.

We can cite the web elements below, and the tools to create them:

1. The existing font or create a new one with one of these tools:
   1. FontArk
   2. Birdfont
   3. Fontforge
   4. Glyphr studio
2. Images can be transformed with the tools below:
   1. Adobe Photoshop
   2. Gimp

How to make a dynamic web model?

With a base of graphic web components, which carries the identity of the brand or the company, we must add a navigation logic consistent with UX / UI.

A dynamic website mockup first illustrates the different customer web journeys. It then makes it possible to define the internal and external mesh.

It is a prerequisite to validate the customer need, and also to allow developers to create a compliant website.

How to transform the PSD mockup into web code?

The model presents the graphic framework of the website. And finally with the model we have the graphic model. This template will be the container for the content to be published and that will be updated regularly.

The graphics model is the stable part, while the content will change depending on the news.

The graphic part to be coded is indeed this model. But you have to understand that the content will be managed by a non-IT user. The publisher of the website content will be an employee of the marketing or communication department.

Transformation of the model into a web by coding

Now that the mockup is validated by the client, it must be transformed into code to create the front-end of the website.

The tools offer easy extraction of CSS code, images, colors, and text from PSD files. It is a raw extract that needs to be refined by specialist front-end web developers. HTML, CSS and javascript.

Transformation of the model into a web automatically

Transforming a graphic model into a web in code is tedious work, and some parts consume time and human resources.

The transformation of a PSD mockup into a web component: page, theme … requires several areas of expertise: HTML, CSS, javascript …

In some cases, it requires the participation of several experts. this adds a significant coordination effort to the work of production.

This manual transformation work can be avoided, at least in part, by automating the transformation from PSD to HTML / CSS.

Ci- dessous quelques exemples de site web qui proposent une transformation automatique gratuitement. Il s’agit duPSD To Web et CSS3Ps

It should also be noted that there are frameworks to facilitate development. Bootstrap is a development environment for CSS, JavaScript and external JavaScript libraries like jQuery or Popper to define components: navigation bars, modal windows …

How to integrate the coded model into the CMS?

CMS is the acronym for Content Management System. In French a content management system. They provide a framework that allows content to be edited and published on the internet.

The most popular CMS are:

CMS	Market share
WordPress	62.6%
Joomla!	4.4%
Shopify	3.6%
Drupal	2.9%

WordPress is by far the most widely used CMS. The template or page template is called the Theme in WordPress.

The integration of the PSD model consists of transforming it into 

How to turn PSD into a WordPress Theme?

The mockup transform into Html: index.html and into CSS style.css. You just have to transform the index.html file into a .php file which forms the structure of the WordPress Theme.

 In several .php files:

• Archive.php
• Header.php
• Footer.php
• Index.php
• Single.php
• Page.php
• Sidebar.php
• Category.php
• Search.php
• 404.php
• Comments.php
• Comments-popup.php

Make sure the coded mockup is responsive?

A Responsive website is a site whose display adapts to the device and the browser.

The display of images, fonts, and menus can be altered from one device (mobile, computer, tablet, console, etc.), or from one browser (Chrome, internet explorer, Firefox, etc.) to another.

In this case the customer experience will be altered, it will certainly be poor.

To do this, you must first provide in the code the elements that allow you to modify the sizes of the graphic components according to the devices and browsers. In some cases also hide part of the content.

How to optimize the performance of a coded model?

Without altering the aesthetics of your website, guarantee a high loading speed. To do this, you must perform the optimizations below:

1. Centralizing and reducing javascript / css.
2. Reduce loading of images
3. Use icon fonts or CSS sprites to have fewer requests.
4. Reduce the number of fonts (and charset)
5. Work with CSS animations, for the browser to optimize them.
6. Load javascript ASYNC

The Wedigitalpro web agency has the experts and the tools to design, create, put into production and supervise the websites of very demanding clients.

Wedigitalpro offers to support you. Contact us to study your needs.

The Community Manager (web host communities) also called CM’s mission is first to unite the users via Internet platforms around common interests poles (brand, products, values …), leading and to enforce the ethical rules of the communities. It defines content for each target (images, videos, articles, contests, etc.). The activity of the community is to then plan the production, publish and animate the social networks and evaluate the effectiveness of the actions. It thus contributes to developing the brand’s presence on the Internet.

It is found under other titles

• Internet community manager
• Social media host
• Host / manager of web communities

Main activities

Development of brand awareness within web communities

The activity of the Community manager is vast. That’s why he must be able to master multiple tools and have an ingenious mind.

One of the major roles of the CM is first to define the objectives of the community in agreement with the brand manager. That is, product testing, customer (or user) information, brand promotion. And then it identifies the communities on the Web that can influence the positioning of the brand (social networks, blog, discussion forums …). He still participates in the creation of the values of the community: culture, social and language codes.

It must also define the indicators making it possible to monitor the “life” of the community (number of “posts”, quality of responses, etc.). And finally plan and follow the recruitment actions of online members (partnerships, sponsorship …) in connection with marketing.

Strengthening community cohesion

Facilitating the various company accounts while respecting the specificity of each of them is essential to strengthen cohesion with the community.

He must be able to write or relay content allowing the development of brand visibility and sales. And make existing members a relay of information within the community (recruitment and retention of influencers).

It should be remembered that the CM is an ingenious person. It must therefore launch subjects allowing debate or sharing of experiences and practices between Internet users / consumers.

In this exchange environment, he plays the role of moderator. That is to say, he ensures the quality of the responses. In this case, he still takes into account the criticisms brought to the brand or to the product in order to be able to exploit them and restart the discussion. The CM must ensure that the ethical rules of the community are respected by moderating the content produced by the Internet user. In other words, it must exclude comments, photos, videos of a racist and pornographic nature.

The activity of the Community manager also manages the history and archiving of data contained on the site (subjects covered, information and documents sent by the company or Internet users, etc.). It implements offline operations in order to physically bring together the community and its leaders (influential bloggers, “VIP” members, etc.)

Evaluation and monitoring of marketing actions

The CM must necessarily master certain concepts related to marketing. It is in this context that he will analyze the marketing buzz and monitor the image of the brand on the various online media (image analysis, content …). And follow the audience of the various community media in connection with the traffic manager. Also report on the communication actions undertaken on this mode of relationship with the consumer.

Technical and functional development of the platform

Remember that the manager’s Community activity is not that of a technician. But he must report bugs in the functionality of the site and ensure the availability of the platform. And above all, coordinate with the technical teams and make improvements to the website platform.

Community manager activities

Eventually, he drives digital developments, analyzes data and traffic with web analytics tools in order to optimize SEO and carry out paid SEO campaigns.

Required Skills

Technical skills

The Community manager must have some technical skills or mastery:

–      New communication media: community media (Dailymotion, Youtube …), professional social networks or not (Viadeo, Facebook, Twitter …), blogs, forums … as well as social network management tools (Hootsuite , CoTweet, TweetDeck, Seesmic, etc.)

–        Online reputation monitoring and measurement tools. Among these tools are first metasearch engines, blogging engines and news engines. But also tools for tracking and researching comments, forum engines, microblogging engines, and aggregators.

–      Monitoring and research techniques to provide information, generate debate and analyze feedback and associated tools such as Google Alerts

–       Knowledge of web content production software: photo retouching and graphics software (Photoshop …), CMS.

Skills

Curiosity and a taste for investigation, because the community manager has a dual role. First, he finds innovative subjects to energize the community and involve members. And he must have a diplomatic aptitude and a remarkable sense of listening. We must insist that listening is privileged in the profession of community manager. Because he plays a role of both facilitator and moderator within the community. Second, he must have a good writing skills and a good sense of communication. The editorial part occupies an important place in his daily activity

The profile

Required diplomas

Several profiles allow to exercise the profession of community manager. For example a university degree at Bac +3 to Bac +5 level in human sciences (letters, arts, history, sociology, etc.). These can be supplemented by a specialization in on-line communication or by a Masters specializing in community management.

Higher education in general business schools can meet the CM profile. But it is preferable that it is supplemented by other specialization. That is to say in marketing, specialization in communication, public relations or journalism.

I am in the web business, but I’m still impressed with the astronomical numbers in this area.

According to the website internetlivestats.com, which presents the internet figures live, there are at the time of writing this article (June 30, 2020 at 9 a.m.), 1 781 635 076 websites online. Obviously by the time you read this article this figure will have increased.

The online websites are the only website creation projects that succeed, there are many projects that have not arrived at the end to put the site online.

A website creation project consists of several steps before going online. And he can fail long before he reaches that ultimate stage, and joins 1,781,635,076 websites.

What are the steps for creating a website for a client. This article, answers this question, to prepare you before embarking on a website creation project.

He presents the case of a WordPress website, but this remains valid for other CMS like Joomla, Drupal …

Multimedia content to convey the message

The goal of a website is to get a message out first. And then create a communication channel with the recipients (customers, members, fans, users…). Above all, it is essential to bring together the content resources to convey this message.

At a minimum, the texts and images must be prepared to illustrate the point. subsequently the content can be enriched with video, sound, animations….

This initial content is useful for first defining the lines of the graphic designs of the site. And second, make sure there is consistency between the goal, content and design.

The text will be the trigger for the design of the site’s graphic charter, color, font, background …

 Graphic models

As mentioned in the previous paragraph, the content and its message will trigger the design of the website. 

We can identify the different types of page, and build a model for each type:

1. Home page
2. Contact page
3. Article
4. List of articles
5. Landing page 
6. Products List
7. Product sheet
8. …

for each model we must define the location of the texts, images, the hierarchy of titles, the font, the colors … as well as the location of the menus and the navigation logic between the different pages of the website.

Integration of models in HTML and CSS

Integration is the conversion of graphic models into code. In the website creation project team, it is the integrator who builds the styles and graphical interactions for the user: navigation menus, pop-ups, banners …

For the paragraphs, the hierarchy of titles and the different types of image, table, video content … the integrator uses the HTML code. To set the font styles, colors, background colors … it will rely on CSS stylesheets. If there is a need for a calculation or logic function it uses Javascript.

Creation of the WordPress theme

Once the HTML mockups are integrated, we can move on to the WordPress development stage!

WordPress installation

One of the prerequisites for this step is to have a web server with a database.

WordPress in its open-source version is a free downloadable website creation tool. To install WordPress you have to download the files from the official site and send them to your web server, most often by FTP software. Once the files are online, an installation interface will guide you step by step.

Theme development

One of the steps in creating a website is developing the theme. Only a few files are required for creating a WordPress theme, a basic theme can consist of just an index.php file and a style.css file

In fact, a wordpress theme is composed of several files and folders necessary for the implementation of WordPress features. (example: the functions.php file).

The goal of WordPress theme development is to make previously created HTML elements editable by the administration part (also called Back Office). Once the theme has been developed, the user, depending on his role, will be able to create or modify pages, modify navigation menus, change images. Many customization possibilities are possible if they have been thought out upstream, during the mock-up phase for example.

To learn more about WordPress site customization.

During the theme creation stage, the content may still be non-final.

Installation and configuration of WordPress plugins

Apart from the theme, another essential component of WordPress is the system of extensions (or plug-ins) to make this website creation tool extensible by adding a wide variety of features. A seasoned professional will guide you through this jungle and offer you useful WordPress plugins or those that are just essential for your project.

Of course, it is not enough to install and then activate a plugin for it to work, very often you have to go through an option page allowing more or less detailed configuration of the plugin.

Also note that depending on the needs of a project, it is possible to create extensions yourself. This is what I recommend in the event that a particular feature should continue to work even if you change the theme later.

Tests, validations & insertion of final content

There you have it, the theme’s graphics are created, and at this stage the functionalities have been tested and the site is technically functional.

All that remains is to insert the final contents, validated texts and photos without trademark.

The next step will of course be uploading to the server and setting up backup and maintenance routines, but that will be the subject of other articles.

The Wedigitalpro web agency has the experts and the tools to design, create, put into production and supervise the websites of very demanding clients.

Wedigitalpro offers to support you. Contact us to study your needs.

In this article, Wedigitalpro presents the production process of professional website, to meet the requirement of high availability.

According to the internetlivestats.com site, which presents live internet figures, at the time of writing this article (August 21, 2020 at 6 p.m.), there are 1,794,127,400 websites online. Obviously by the time you read this article this figure will have increased.

Online websites are only successful website production projects, there are many projects that have not been completed to bring the site online.

There are two types of website. First, we can mention professional sites. Second are amateur websites which are devoted for personal activity. 

To produce a personal site, you can afford to first create it and then modify it directly in the host’s server.

It is obvious in this case, that the risk of making errors which will be visible to all live on the site, or even the risk of making the website inaccessible.

Personal website

The consequences of these risks, if they occur, are limited for personal sites:

1. a blog about a hobby or a passion …
2. a site that presents a center of interest

Visitors will come back another time, or not. Their non-return will have no financial impact on the website owner. Because anyway, its visitors will be indulgent. They don’t expect professional quality, and they’re not demanding.

Professional website

While for a professional website the consequences of these risks are much more impactful:

1. Poor quality images
2. A decrease in turnover

Customers will instantly turn to its competitors, whose websites are functioning. The impacts are disastrous, he loses the revenue for the period when the website is down, but also the future revenue of any customers who have gone to competing websites.

Malfunctions of professional websites should be avoided as much as possible. For this it is necessary to set up an environment which allows the website to be spared from errors that can be caused by changes and updates.

Any change to the website must be controlled:

1. Must be tested before being applied on the online website
2. Must be able to be deleted (rollback) if a problem is detected after the change has been implemented

To do this, you need a server of:

1. Development
2. Qualification
3. Pre-production (similar in every way to the host’s server) 
4. A production server (this is the host’s server).

Well-mastered procedures for moving from one environment to another. and a versioning management system.

The components of a website

All websites have a Front-end and a Back-end.

The Front-end is the user interface that allows content to be presented and its actions to be captured (click, data entry, etc.).

In general this part is built by the languages below:

1. HTML
2. CSS
3. Javascript

The back-end is made up of a database which stores the data, and a server which enables the processing and calculation of the data.

Website production is often done in teams

The profiles that participate in the production of professional websites contribute of different kinds. We can cite:

1. Project Manager; for the coordination of all participants, and to ensure compliance with customer requirements, budget and schedule
2. UI / UX designers to define the customer experience and user interfaces
3. Front end developers to develop the user interface with HTML, CSS and javascript while ensuring responsiveness.
4. Back-end developers for the creation of the database, development of business rules and APIs.
5. Qualifiers to test the proper functioning of the website
6. System architects to define and calibrate the elements of the hosting infrastructure (security, backup, redundancy)
7. Content editors to create consistent and original content
8. SEO experts to ensure the good SEO of the website

Local website production environment

The development environment must contain the components found in the environment of the website host, in this case:

1. A web server (usually Apache)
2. A database (usually MySQL)
3. A web programming language (usually PHP)

There are several solutions that provide a local development environment, which contain the above elements.

Solutions for local website production environment

We will present some tools that allow you to have a development environment.

These tools have some differences, which make them more suited to one context than another

DesktopServer:

There are three things to understand with this first solution. First, it is perfect for beginners in the development of wordpress. Then it is easy to use. And in the end, it allows you to manage several sites at the same time.

XAMPP

This solution is suitable primarily for developers who wish to master all the components of the environment, with very wide configuration possibilities. And again it is completely free. It contains Apache, MySQL, PHP and Perl. 

MAMP

MAMP is one of the web design tools quite similar to XAMPP, it contains My Apache, MySQL and PHP it is available on Windows and macOS only.

Vagrant

Unlike the tools above, Vagrant allows you to create different virtual environments with different operating systems, web servers, databases …

Local by Flywheel

It is similar to Vagrant, but it offers a dashboard and the ability to map a domain name.

The Wedigitalpro web agency has the infrastructure, experts and professional web design tools.

Contact the Wedigitalpro web agency to allow your business to benefit from its expertise in website creation and web development.

Any commercial activity begins with the study of its future client in order to adapt to him and accelerate his access to the product that one wishes to sell to him. In the context of the web this can be called buyer persona optimization.

It has always existed. It can be seen in what are thought to be traditional businesses that do not have sophisticated sales techniques.

In the souk, we can observe that the touts do not appeal to all passers-by, and above all do not appeal to them in the same way.

First, they only appeal to passers-by who may be interested in their services or products. And above all they adapt their speech according to whether they are addressed to a woman, a man, a young person, an old man, someone they know ….

For example, a candy vendor will address a child, while a book or medicine vendor will address parents even if their product is intended for children.

It is all these techniques used in a naive way in the souks, which can be found in Marketing under the name of “Buyer Persona”.

In this article we explain what the Buyer Persona and how to use the strategic and operational marketing.

What is a Buyer Persona?

Before explaining how the Buyer persona optimizes customer acquisition via the web, below is a definition.

The French translation of “Buyer persona” would be “buyer persona”. In marketing literature in French, it is found under the term “Persona”.

Persona is the profile of the target customer for a line of product and service. It represents a group of target customers who have common properties. A persona can be targeted by multiple products, and a product can address multiple personas.

How does the persona optimize customer acquisition via the web?

The creation of the persona, allows to adapt the communication in terms of content, media, tone ….

For the same product, the customer’s characteristics are completely different. Taking the example of online language training, the target client could be a head of household, a student, a training manager of a company, a school principal….

The Persona carries the common characteristics of a target customer group. The creation of Personas, allows to distinguish the profiles of the customers with their motivations, pains, budgets, criteria of choice… different.

Appropriate relationship management optimizes the Marketing budget and increases performance. The cost of customer acquisition can be reduced and retention will be better.

The definition of the persona includes an exclusionary component, which is called Persona négatif 

What is a negative persona?

Some people meet all the conditions to be interested in the product. So they are potential targets. But you shouldn’t try to convert them, for different reasons. Like them:

1. Are not creditworthy
2. Already have the product with you or with another supplier
3. Are undecided, and converting them will take too much time and resources

The creation of the negative Persona thus makes it possible to avoid spending unnecessary marketing and sales resources.

The persona conditions interactions

Let’s illustrate how the persona conditions the content of interactions with contacts. For the online training example, below by Persona the type of interaction we could have:

1. Boss of the family: Articles and mailings about the importance of training for children, presence in events of parents’ associations …
2. Student : Articles and mailings about the languages most requested by employers, attendance at student lounges …
3. Company training manager: Articles and mailings about state aid for employee training, assigning a salesperson to get an appointment and establish a framework contract …
4.  School director : Articles and mailings about the benefit of having online training as a complement to the face-to-face course, participation in training fairs …

How to create a persona?

Creating the persona first requires conducting or relying on market research. Then do polling and conducting interviews with contacts who are in your target.

No source of information should be neglected to collect as much data as possible about their relationship with your offer. These are your:

1. Customers and prospects in your contact base:
2. Commercial
3. Employees
4. Contacts outside your contact base

We have to find ways to encourage people to answer your questions: gifts, discounts …

The data collected will help build the profile of your ideal customer. First, identifying information: location, age, marital status, education. And more information on his motivation, his objectives, his objections …

These elements firstly allow you to draw a complete portrait of your target. And secondly, thanks to this portrait you are addressing the right content, to the right person at the right time.

This engages your targets more and more with your business, thus gradually leading them to the act of purchasing your service.

In its service definition of the digital marketing strategy, Wedigitalpro helps its clients to better define their Buyer Persona.

Take advantage of Wedigitalpro’s expertise and contact us.

Companies are in perpetual transformation, imposed by the market or by legislation, which requires regular training of employees. An online training module makes it possible to meet this need, and also to train new employees.

You can use trainings from providers, but also produce your own online trainings, tailored to your specific needs, not covered by providers.

The project to create an online training, must follow the seven steps outlined in this article.

Make sure you follow them to ensure the success of your internal online training.

How to create your own online training?

The basis for creating an online training module is the content. If you have teams capable of creating multimedia content, you’ll be able to start your online training project. However, be sure to follow the six basic steps.

Step 1: Specify the reasons and objectives of your online training project

Before launching your online training project, and like any other project, its objectives should be clearly determined. For this you must answer the questions below:

What is the purpose of your online training?

What are the profiles of those who will participate in the online training?

Why will they take this training?

Finally, the answer to these kinds of questions helps define your requirements and expectations for your online training.

Step 2: Collect the existing content needed for the online training

In general, the content of the online training exists, in part less. All business activities are documented, by different departments and services, and in different formats.

So you have to collect all the existing content and concerning your online training, including:

• Ratings and comments
• Current presentation medium
• Videos
• Audio
• Pictures

Once you have collected all the existing content, you will be able to identify the content that remains to be produced for your online training.

Step 3: Create additional content to build your online training

You have collected existing content. Now you need to create the missing content to have online training content that meets the goals of your online training.

It is imperative for it to have a specialist in multimedia content creation with the appropriate design tools, in order to create multimedia content necessary for your online training.

Step 4: Design your online training

 You have the complete content of your online training module, between the existing one you have collected and the new one you have created. But it remains to create a script that meets the requirements consolidated in the first step and the topics to be covered.

The script creates the interactions, the assessments and specifies the time that the trainee must spend to achieve the goal.

Then validate the content and the script with the stakeholders concerned by the online training.

Step 5: Define the visual appearance and graphics of your online training

Your online training should have consistent and appealing graphics and visuals. This step is to define the images, colors, fonts, movements or animations that will be used to create a cohesive online training.

Consistency is achieved during the creation of the online training script.

Step 6: Develop material for your course

At this point, you have gathered all the elements you will need to create eLearning content for your team. Now is the time to develop these elements: the core of your project.

Record all audio portions. Create charts. Use screen capture software to create videos. The eLearning authoring tools we discuss in another article can help you do this.

Step 7: Assemble into one cohesive course And then put these pieces together

There are some free software that can help you bring all your disparate pieces together into one cohesive course. After this step, you will also send your new course to company stakeholders for review, suggestion of changes, and final approval.

Wedigitalpro, expert in digital transformation, supports its clients in transforming their training methods and tools towards digital.

For the study, the choice of tools, the implementation and the operation of your digital training courses, ask the Wedigitalpro experts for advice.

Did you know that the introduction is the most important part of the article. 80% of web readers do not go beyond reading the introduction. The other 20 percent read on because the introduction is catchy.

To achieve the goal of any author (blogger), ie reading his production by as many people as possible, it is essential to write a good catchy introduction.

In this article we will explain to you how to write a good introduction for a web article?

Engage the reader of a web article

The first thing the reader encounters in the web article, after its title, is its introduction.

The author should take advantage of this introduction, to capture the reader’s interest. He must, in the rest of the title, retain it by reassuring him about the content that will come.

The author of the web article must find a way to appeal to the Internet user, with a catchphrase, which arouses his curiosity, and which continues to reveal the content to come.

The catchphrase opens the introduction, its aim is to deftly lead the subject.

Define essential terms

The content of the web article is to bring new knowledge to the readers.

New knowledge is synonymous with new terms. In order not to lose the readers, throughout the article it is essential to give the definitions of the new terms.

The introduction is the right place to define new terms that will be used later.

This step is not obligatory if the essential terms are simple and clear. However a little reminder is welcome.

In this article, which explains how to write a good introduction for a web article ?, the essential terms are simple, there was no need to devote a part to the definition of new words.

 Questions to ask

The introduction as the name suggests introduces section. it introduces the content, but also the tone and style.

To properly introduce the article, you have to customize the introduction according to the specific context.

To properly define the particular context of the article, it is imperative to ask the questions below:

1. Who is the article for? (student, employee, employer, mother, child, etc.)
2. What is the purpose of the article? (make people laugh, advise, inform …)
3. How much time will be spent reading the article?

These elements will allow you to speak properly to your target reader. Properly, means use of words, tone, style, level of detail and complexity that will enable to hook the reader and hold it until the end of the article.

For example: This article is for those who want to create popular content on the web, he advise target without taking an academic tone, and without going into details of experts.

Inverted pyramid

The inverted pyramid, as the name suggests, is a writing process that involves giving the most important information at the start and details as you go through the article.

the most important information will be given at the beginning, but in a macro way, without going into detail.

from reading this essential information, the reader will be curious to see the detail.

Information will follow in the article in more and more detail.

In this article the essential information is the 6 tips for how to write a good introduction for a web article? , the details of the advice then come in a pyramid fashion.

“La problématique”

“La problématique” according to wikipedia is “the presentation of a problem in different aspects”.

It is essential that it be precise, simple and consistent. It’s in the form of a question. This is the last sentence of the introduction.

Often this is the question the Internet user asks himself, and it is the request he asks the search engine.

Raising the issue at the end of the introduction reassures the reading. at that time it is convinced he has found the right article that will answer the question he asked the search engine.

This good news encouraged to continue reading to find the answer to this question.

In this article the problem is how to write a good introduction for a web article?

Think about SEO

SEO is that your content is seen by the search engine, by associating it with certain keywords.

Once a user enters a query with keywords related to your content, the search engine offers your content in these results.

SEO is all about producing content so that it appears in the first results. Produce in a way that the search engine considers, that your content is more relevant than content that is associated with the same keywords.

In your writing the introduction, you should consider search engine optimization, using keywords in a relevant way.

In its web content management service, Wedigitalpro helps its clients to better produce their content.

Take advantage of Wedigitalpro’s expertise and contact us.