flash player
Multimedia elements: Until now, Flash technology was the undisputed dominator in the multimedia field of the web. Thanks to it, it was much easier to transmit audio and video over the network, and to make animations that otherwise would be almost impossible. Virtually all browsers have a plugin to play flash files, so the choice was clear. To include a multimedia element in a document, the object tag was used, whose function is to include a generic external element.
Due to incompatibility between browsers, it was also necessary to use the embed element and duplicate a series of parameters, which caused some complexity in the code. Apart from being faced with an unfriendly code, there is also the problem that the browser has to transmit the multimedia element to a plugin installed in the browser, with the hope that the user has the correct version installed or has permissions to do so, in addition, Plugins can cause the browser or system to behave unstable, or it can even create insecurity among non-technical users, who are asked to download and install new software.
For all these reasons, with HTML5 specific tags are born for multimedia content, such as:
audio / audio: Define multimedia content of sound type
Video: Define video or movie type multimedia content
canvas / canvas : Used to draw graphics on screen
source / source: Define resources for multimedia elements
Elements for content structure: HTML5 expose two new functionalities: new APIs that add new essential characteristics for the web development model with open standards and new structural elements that define specific characteristics for web pages with much more precise semantics than that available in HTML4 .
The reason for creating new structural tags is to divide web pages into logical parts that describe the type of content they include, apart from the previously described semantic tags, which also serve to structure the content, two new tags appear:
details / details :Specifies additional details that the user can view and hide at any time.
Summary / summary : Specifies a visible title for the details. The title can be clicked to view or hide the details.
JavaScript
New elements for forms: HTML5 makes form development much easier. The elements and attributes defined in HTML5 provide a greater degree of semantic markup than in HTML4 and eliminate much of the tedious programming and design work required in HTML4.
These new elements add, in some cases, their own validations of their data, so JavaScript is no longer necessary to carry out this process.
search : Wait for a search term to be provided. The difference with a normal text field is only aesthetic, although it can offer some extra functionality such as a history of the last terms entered or an aid for deletion. As a general rule, it takes the appearance of a search field from the browser or operating system
tel: Represents a control to edit a phone number, because phone numbers vary widely. Attributes like pattern and maxlength can be used to constrain the values entered.
url: Tells the browser that it should not allow the form to be submitted if the user has not entered a correct URL. Some browsers offer user help, such as Opera that adds the http: // prefix to the URL if the user has not entered it. A URL does not necessarily have to be a web address, but it is possible to use any valid URL format.
email: It tells the browser that it should not allow the form to be sent if the user has not entered a valid email address, but it does not check if the address exists or not, only if the format is valid. As with the rest of the input fields, this empty field can be sent unless it is indicated that it is mandatory. The use of the multiple attribute indicates that the value of this field can be a list of valid emails, separated by commas.
date: In many of the websites it is normal to have specific date fields, where the user must specify dates.
time: Allows you to enter a time in 24h format, and validate it. Again, the browser is in charge of displaying the corresponding user interface.
datetime: It is a combination of the two previous types (date and time), so both the date and the time entered are validated
month: Allows the selection of a specific month.
week: Allows the selection of a specific week of the year. The internal representation of the week is a value between 1 and 53, but again it is up to the browser how to show it to the user.
number: Validates the input of a numeric data type.
range: Displays a slider in the browser. To achieve an element of this style, before it was necessary a great effort to combine images, functionality and accessibility, being now much simpler.
Avoid Flash Technology for Mobile SEO
Mobile devices have become indispensable in our day-to-day life and accompany us at all times wherever they are. Spain is the leading European country in the use of mobile devices, according to the European Statistical Office, as 93% of Spaniards surf the Internet through their mobile devices.
It is clear that there are great opportunities for companies whose target audience is looking for information about products or services related to those offered. Since these searches will be carried out mainly through mobile phones, a mobile SEO strategy will be essential to be visible to users and be well positioned.
Therefore, one of the basic considerations that must be taken into account when creating our website is that it is perfectly adapted to mobile devices and that it offers the best possible user experience.
A very common error that affects the user experience is the loading time of the site on the mobile, especially when they are without a Wi-Fi connection.
A couple of seconds to load your page and you will have lost the user, having a great bounce rate. To optimize the loading time of our site on mobile devices we must:
Prioritize the information that is important to the user. If this is text better, since it will take less time to load than images.
The images must be adapted to the mobile version.
We must simplify CSS and JavaScript actions and, of course, avoid Flash technology.
In addition to the loading time of the page, something that will profoundly affect SEO is the design of our mobile website. We must bet on responsive design, that is, that users can perfectly access content regardless of the device from which they do so.
If we want to create a specific version of our website for mobile devices, we will have the advantage that it should not be linked to the desktop version. We can include the same content but working SEO in a different way, for example, the keywords can vary adapting to those that the user uses to search through their mobile.
SWFObject
The library is also capable of detecting the installed Adobe Flash Player plug-in in all web browsers, in all major operating systems (OS), and is responsible for redirecting the visitor to another web page or displaying alternative HTML content in the case that the installed plug-in is not suitable.
SWFObject provides a reliable method of embedding Flash content on a web page by internally handling the various practices that must be followed in order for different web browsers to display Flash content correctly, and isolating them from the web page designer.
This is necessary so that the reproduction of files that may have been added to the website is possible, thus enabling the user to adequately experience what is exposed. Because of this problem, many make the decision to stop using Flash and resort to other means to expose their information.
Therefore, SWFObject is a JavaScript library that is responsible for increasing Flash content within sites, thus making it accessible from any browser without it being installed. Apart from the ease that this implies, SWFObject adheres to web standards so it passes through the validation exams without any problem.
The library is capable of providing two ways to add the Fl player
Meta robots
This meta tag will allow you to give direct instructions to search engine robots.
Its HTML code is: <meta name = "robots" content = "VALUE1, VALUE2">.
Values can be Index / NoIndex or Follow / NoFollow, respectively. Depending on the configuration that is going to be used, the crawling and indexing of the web page by the search engine may or may not be authorized. Because of this, the meta robots tag can be used as an alternative to the robots.txt file.
The four basic combinations of this tag are as follows:
Index, Follow: allows indexing and crawling of the page, being the default value. If the meta robots tag is omitted, it is the same as using it with this configuration.
NoIndex, Follow - Indexing is prevented, although crawling will be allowed. This is the ideal setting when you don't want a page to appear in search engine results.
Index, NoFollow - Allows indexing but prevents crawling.
NoIndex, NoFollow - Prevents indexing and crawling.
Comments
Post a Comment