WYSIWYG Web Builder. 5 Tips for better web design #1 (English CC)

5 Tips to improve your Web Designs# 1 !! The employ of calls and why you should use them !! The best direction to be positioned in any search engine .. is by explaining the content of our website .. therefore the use of tags from H1 to H6 is very important .. H1 for designations or vital content H2 for subtitles .. and so on .. in this way any search engine will know how your website toils and the way to a better prestige is in process !! We are going to see all this .. in real timeWe propelled a exploration in Google … Gluten-free cooking recipes .. Among so many alternatives we click on one and on the website we can already see that the name refers to the search that we had entered .. Now we are going to see the code .. and in the system we can actually see that the H1 tag has been correctly applied to this title! for this reason Google outlook it accurately … we too see that here it has a very relevant subtitle !! and in your system .. we can indeed see that the H2 tag as a subtitle was applied correctly as well. Now in WYSIWYG Web Builder we have two alternatives to add the this calls .. From the central menu we find H1 to H6 .. We is generated by our own labels or revise the existing ones in such a way we can apply variants … such as color … the immensity .. typefaces .. We can apply many modifications to these calls. Causes preview and analyze the code..we will see that the H1 tag is also correctly applied to this name. Option number 2.. The most used is simply utilizing “H1 Heading” in which in the same way as above .. we can modify … alteration the labels .. convert the colour .. vary the immensity .. adjustment and much more .. Develop your website ever “ve been thinking about” mobile devices !! To time, it is incredible to continue see websites that are not fully adapted to mobile machines .. thus losing sentiment .. thus losing pilgrims and increasingly tending to disappear in the medium and short term.There are two ways to design websites From “Responsive web design” .. based on desktop mode and then reduce the size of the screen until it becomes portable. The other channel is overturn .. it is “mobile first design” From mobile designs .. from telephones .. going up to desktop mode .. Personally, I wish “Responsive Web Design” since it allows me to play with all 3800:03: 33,510 –> 00:03: 41,000 the variants and then gradually decline the screen .. In the WYSIWYG Web Builder panel .. We can act this task in different ways .. we can add the “breakpoints” where it says here .. “Breakpoints” or “Manage break stations ” A separate object is the size of resolution maximum screen for our invention .. we can add them manually .. likewise below.. we can find the same option !! You will see that the size of the screen is delimited … delineated to the device area … by clicking on it we can change from one to another … Now that we have delimited the workspace according to the resolution of our maneuver … let’s supplement mantles .. The layers are the ones that will contain .. the content of our website .. for this .. we go to the Layout menu part and we can find the two most important characteristics to create adapted schemes .. “were having” the “Layout Grid” and We too have “Flex Container” .. “Flex Grid” … in this way .. the contents .. our website will be adapted to any mobile manoeuvre .. even without having made the breakingpoints !! Forget about simple beds . . operations instead “Layout Grid or Flex Box” Although it is true that the use of “layers” streamlines our toil a lot when we are positioning each element exactly where we want … But when creating the same content adapted to mobile manoeuvres it becomes a very long work, because it does not automatically adjust to the screen resolution.Here we can see the use of a simple layer and also here with “Layout Grid” … now we will see that its content can be arranged exactly where each one wants … but when changing its resolution it will not respect it as if it does the “Layout Grid” and so does the “Flex Box”. To cope with this issue what we have to do with the strata .. is create “break points” .. We are going to create here a 375 px burst spot and when we create it we can see that the “Layout Grid” is automatically adjusted .. But not the other content .. which we have to bring it inside the layer and then adjust it manually .. having to do this in each one .. with each of these components .. That’s why I prefer to use the “Layout Grid or Flex Box” rather than Layers. Don’t use too many typefaces! When we develop a website one of the fundamental aspects is the loading accelerate .. images must be optimized .. contents and not mistreat of typefaces .. Naturally to load fonts from “Google Font” several external solicits are made to Googles servers and this has a great impact on performance !! A solicit is not attained for each font .. But each combination of typeface .. thickness .. daring .. sizing .. italics .. is a completely different request !! Sometimes these servers do not load fast enough .. affecting the so announced “WPO” “Web Performance Optimization” We are talking about optimizing loading goes! As a make … “youve been” penalise in SEO and this delay in presenting your website to your visitors will become them not stay on it … they will leave and possibly not return .. So … never abuse the typefaces … exert two or three as peak Not merely will your website quantity faster but it will be supported … a greater and better experience to the user. Add very little or no animation or aftermaths !! Although it seems obvious … the faster your page consignments … the faster the web functionalities can be used. Allowing these functionalities to appear as quickly as possible will result in … Happier and surely recurring tourists. Customers are much more likely to interact with your web page if they can move quickly. Most pages have “conversion” as their most important goals .. a retardation of as little as 100 milliseconds in sheet race could translate into a decrease of more than 7% in the transition charge of a website. If your users cannot use its functions fast enough, they will simply go to another website. In addition … search engine ogles the loading rate of the sheets as a factor to position it. People .. users .. have no patience and livings or effects frisk an important role.Aesthetically .. they add value to the website but they tend to make it slower and sometimes even difficult to navigate. Background videos .. causes the user to consume more mobile data without is aiming to .. the “parallax effect” can have a negative impact on the visual part of the website due to delayed scrolling. Surely, websites glance better with animations and aftermaths .. but what really troubles is how the user interacts .. how the user steers the website and what experience he has. Disregarding livings or impressions will make a better stay for the subscribers because he finds what who comes to look for and does not feel lost by so much animation on the screen. As is usually the suit .. in these network blueprint topics … ever think about customer firstly … in their interaction and then decide what is most important for each of us and for each website.

As found on YouTube

Share this article

Leave a comment

Related Posts