Thursday, 21 May 2015

How To Specify An HTML Web Document Language For Good SEO

So you just wrote a beautiful essay on James Joyce's Ulysses - in Irish Gaelic. Will Yahoo, Google, Microsoft and Ask recognize it as Gaelic, hosted as it is on your co.uk domain? Can Be. But you can give them a hint!

The trick is to use all HTTP and HTML code settings available to your advantage to make sure your documents are not misidentified. This article considers HTTP and HTML aspects of website internationalization for search engine optimization.
Why is language recognition of a problem?

Search engines try to match the language of a web searcher (based on ip geo location recognition or user specified preferences) to Web documents when determining the best matches a search query. In some cases, a user could specify that the results are limited to a specific language. Left to their own devices, search engines have some clues to determine the human language of a document:
  •     The site area of the country
  •     The country where the site is hosted
  •     the language of documents linking the document.
  •     A text pattern analysis of the document.

Each approach is fraught with difficulties. Consider a few:

Country domain suffix of a website: Although it is likely that a site with a .de extension is in German, there is always the possibility that the German company has published the contents in other languages for international audience. Some areas of the country, such as .ch for Switzerland, are used by countries with several official languages, in this case, German, French, Italian and French-speaking Switzerland.

When the site is hosted: Many sites host in geographic areas far from their target audience due to cheap hosting options.

The language of linked documents: While the Internet is indeed a set of hubbed networks, it is quite common for web pages to cite an authority, even if the authority is in another language (English, for example)

text pattern analysis: This is probably the most accurate method, especially for longer documents. While search engines do not reveal their approach (es) consider the perl Lingua: Identify module which currently recognizes 33 languages. Lingua: Identify uses a combination of methods corresponding to four text patterns; Here we quote the perl Lingua: Identify the documentation:

    Small Word Technique

    The "Small Word Technique" searches the text for the most common words of each active language. These words are usually articles, pronouns, etc., that happen to be (usually) the shortest words in the language; hence the name of the method. This is usually a good method for large texts.
    Prefix Analysis

    This method analyzes text for common prefixes of each active language.
    Suffix analysis

    Similar to the analysis but the analysis prefix common suffixes.
    N-gram Categorization

    N-grams are sequences of tokens. You can think of them as syllables, but they are also more than that because they are not only consist of the characters, but also by the spaces (or separation defining words). N-gram data is available from Google.

    N-grams are a very good way to identify languages, as the most common of each language are usually not very common in others.

Wednesday, 6 May 2015

Form Inputs: The Browser Support Issue You Didn’t Know You Had

Admission humbly. It has been a part of HTML by the time HTML has had a formal specification; but before HTML5, developers were incapacitated by limited types and attributes. As the use of smartphones and onscreen keyboards has flourished, however, inflows have assumed a new and very important role - but they are also riddled with inconsistencies and device browser.

The eight types of original entry were brilliant in its simplicity. (Well, OK, maybe <input type = "image"> has not aged well.)

Think about it: When you insert a single element in your markup, you can say any web browser to control the interaction, and can completely change the interaction - a text field to a check box to a radio button - simply by changing a keyword. Now imagine a world where the creation of these interactions also involves creating custom controls interaction, and you begin to realize how taken for granted are actually inputs.

Unfortunately, even Tim Berners-Lee and company could not have foreseen the strain that mobile devices and web applications to interact with hunger would place in these original concepts for user input.

That's what the HTML 5.0 specification be solved by expanding the concept of text input to allow certain types of data, such as numbers and email addresses, as well as the rich, such as keyboards and date specific tasks interactions screen - and color-gatherers. Most were designed with graceful degradation at its core, adding improvements in browsers, while indulging either basic text entries in the elderly.


Or at least that was the intention. In the real world, many of these new inputs and attributes - even seemingly innocuous types as <input type = "number"> - do not always behave as you might expect.
Identification of the problem

although not as fierce as the battles of yore, input types are the cause of a new browser war on a small scale. Despite the existence of standards, manufacturers of browsers and devices supported entities palmitas entrance and taken different approaches to the implementation of these enhanced interactions.

Take the time. Using <input type = "date"> is a boon to any user application developer has had to add a date picker based on JavaScript to a website ... or at least it would be if all browsers supported. Desktop versions of Chrome and most mobile browsers display a date-picker origins:

Wednesday, 15 April 2015

PSD to HTML: Why Your Small Business Should Care

So you launch the website for your small business or are you ready to take a serious website design can be followed without handle yourself (Sage skills and / or time), and you must go to hiring a weapon Produce great for you. If you own a small business to shop for a web designer and considering the price and aesthetics, it is important to delve into how those web designers will take care of PSD to HTML, or what is known as the code design process. Here is your course so that you can be accelerated in the know and ask the right questions:


In short, a PSD is a Photoshop document layered individual images which allows pages of your website to explode and are visually stunning. Ultimately, getting used to on your website, these images will flatten and become JPEG, GIF, TIFF, meta Any designer worth the name will always save the original PSD file and not a substitute for HTML conversion. Ask your web designer if he or she will save their original PSD files.

After the PSD file is converted to HTML, passes W3C validation, Who Detects errors and coding ensures that your website is available on all platforms and browsers and performs well in the SEO ranking. When someone does a search with the keywords that apply to your area of ​​expertise is in your business, you want your site to appear in the top results.

A good web designer will aussi using anchor texts strong, intelligent and short to optimize research and increase your popularity. Ask your web designer if he or she will manually convert PSD to HTML files, or if he or she will work with a developer and / or use a gold banner high quality response model is neglected coding errors.

Including Alt tag 150 characters or less for all images on your site in the IMG tag describes the link destination, which helps attract search traffic based on images that can not otherwise cheat. Alt tag is also something that is displayed if and when an image is broken or disabled. If you have lots of maps, diagrams or fancy tables, you should have a link to an extended description text. Ask your web designer if he or she use alt tags for all images on your website.

If you are a business that relies heavily on email marketing, be sure to ask if your developer can help codify email template design. If your blog regularly for your business, Wordpress is the most simple and easy SEO platform. Ask your web designer if he or she can encode your e-design model and if you can go with Wordpress for your blog.

If you do not get positive answers to the above list covers the answers, you probably need to look elsewhere for a designer / developer will be a better fit for your business needs. This may involve spending more money than they were originally budget, but nothing can replace the value and continued return of an excellent investment site.


Monday, 9 March 2015

2015 SEO: Schema, Structure & Financial Services

The mother of the COBOL programming language, Rear Admiral Grace Murray Hopper Brewster easily torpedoed the words "we've always done it this way" citing this expression as a most damaging phrase in any language. As for the ways in which we, in fact, communicate, she insisted "we must have a language and a structure that will take care of the descriptions and priorities of data and the operations that we perform."

Mrs. Hopper, a pioneering computer for US Navy throughout the 20th century, won the first Sciences man-of-the-Year Award cameras in 1969, and today you can find his slogan "Dare and Do" placed in the active destroyer guided USS Hopper missiles. Thus, Ms. Hopper demanded more structured, efficient and significant than languages used in the past. And the World Wide Web is in the midst of a changing progress in how languages build Web documents structured for those languages to point and deliver even more precise search engines meanings, optimizing the relevance of search results (operations) that produce (make) every day.

The Semantic Web (once known as the "Ontology Web ') connects the logic language to produce meaning. Engineers use semantic Web technologies such as ontologies reference (eg, Schema.org). Technologists are also standardizing emerging Web-specific ontologies industry, or taxonomies regulatory industry, serving Line of Business (LOB) semantics (ie ontologies specific domain) for newspapers, libraries (eg, LOC MOD), project management, art museums, the biomedicine, biochemistry, genetics, life sciences, IT services, the insurance industry (in tandem with ACORD), car manufacturers and car dealers, a complete semantics of business standards Vocabulary and Business Rules (SBVR), standard eXtensible Business Reporting Language (XBRL), the travel industry, and through ontologies financial institutions, within that industry. We seem to have some very far from keyword stuffing on the websites, now we are applying syndetic (free) syntax to semantics (the diagram to indicate 'meaning') structures, and an exhaustive depth understanding of semantic ontologies was updated last September within the object (OMG) Ontology Definition Metamodel Management Group (MDGs) - with XML Metadata Interchange (XMI) files included.

The first financial services structured data markup

For the financial services industry many experts semantic web site Factiva Dow Jones Corporation (initially called, 'Dow Jones Reuters Interactive Business') as the first large-scale project that deployed industry-specific structured data (taxonomies and ontologies) to finance specific domain publications. Today, after multiple iterations and acquisitions in the industry, Factiva and LexisNexis News Corporation are the leading high-end publishing aggregate financial news and global business. However, a general rule markup of financial products and services industry initiative began just a month after the release indigomultimedia.com: FpML (Financial products Markup Language) proposed by JP Morgan and PricewaterhouseCoopers (PwC) in June 1999. IBM SWIFT and other organizations joined this effort, an initiative focused on marking OTC derivatives markets (over-the-counter derivatives are traded between two parties, not through financial exchanges or intermediaries). FpML is supervised by the International Swaps and Derivatives Association (ISDA). The standard FIX protocol, initiated in 1992 for trading financial services institutions, is now overseen by the FIX trading community, network architecture Banking Industry (BIAN), founded in 2008, continues to work with the OMG and The Open Group to develop financial services interoperability frameworks.

Building Eccles Federal Reserve in Washington, DCBut the banks as the institutions themselves - How could more effectively:

a) communicate more efficiently with other banks (eg, buy and sell credits to others);
b) Provide transactional transparency for regulators (eg meet
US Treasury and the Federal Reserve regulations), and, most importantly;
c) Speak more accurately and transparently with savings and loans to consumers?
Financial Services: Outline and FIBO

Well, in 2012 we welcomed FIBO, the Financial Industry Business Ontology ™, a EDMC and OMG organized conference Demystifying Financial Services Semantics (subtitled: The business value of data and semantics), during which we presented " Ontology Financial Industry Business "(by Mike Bennett, Director and Founder, Hypercube, Head of semantics and, EMCDDA standards), followed by" Financial Industry Business Ontology Operations "(a discussion led by David Newman, Executive Vice President of Enterprise Technology Architecture & Planning, Wells Fargo). FIBO is supervised by the Finance Working Group OMG domain (FDTF); Updates FIBO OMG EDMC found in this Wiki GMOs; and adaptation, based in Orange County, CA, provides a visual model concepts kindly FIBO. Here is Dennis Wisnosky, former architect CTO and director of the Office of the Department of Defense United States of Secretary of Defense (OSD), a concise introduction of bank executives and semantic ontologies vocabulary FIBO (ie financial instruments of financial institutions in the semantic world) in February 2014. It was in February 2013 that Dennis Wisnosky was appointed to lead the process of implementing business rules for (EMCDDA) Financial Industry Business Ontology (FIBO) Council Enterprise Data Management.
Financial services: Ontology FIBO

Company Thematix semantic technologies consultancyIn considering the depth of the FIBO orchestration, standardization and the importance of FIBO for the financial industry, Calibre urged Elisa Kendall, director Thematix Partners, a Management Group (OMG) member of the board of architecture objects, and key business Industry Financial Ontology (FIBO) partner. [Note presentation by Ms. Kendall, "Ontology Engineering UML".]

Question: "What is the impact of FIBO for the financial industry to date?"
Answer: "FIBO has been the occasion for a wide range of experts in the field of industry [SMEs] to intervene in the vocabulary they use from day to day This is perhaps the first time that the industry as a whole has joined under standardized conditions of art. What makes this different lexicon of any other is that is represented as an ontology, which allows not only clear and unambiguous communication between human beings, but also reasoning and team standings. This capability could possibly prevent the next crisis. "

Financial Services: FIBO and SEO

what are the ramifications of SEO connected to the arrival of FIBO? Emerging Caliber SEO is based on the schema and schema (along with other methods of applying structured data vocabularies web documents such as RDFa and JSON-LD) is derived from specific lexical industry. As a mature FIBO to standardize the structures within terminologies their vocabularies' are going to these frameworks still yield more useful in the Semantic Web - the Web Ontology - providing more accurate results (ie, "findability") for financial institutions that have implemented this explicit, specific and rigorous to the respective financial services and financial instruments marked. The beneficiaries are the commercial banks, brokerage firms, credit unions, investment banks, insurance companies, currency exchange houses, and offers other financial services institutions.
  • Side-note | Addendum
  • Federal agencies that are (or will be) involved in the evolution of FIBO:
  • Consumer Financial Protection Bureau (CFPB)
  • Commodity Futures Trading Commission (CFTC)
  • Federal Deposit Insurance Corporation (FDIC)
  • Federal Finance Agency Housing (FHFA)
  • Federal Reserve Board (FRB)
  • Supervisory Board Financial Stability (FSOC)
  • Government Accountability Office (GAO)
  • Municipal Securities Rulemaking Board (MSRB)
  • Administration National Council of Credit Unions (NCUAB)
  • Office of the Comptroller of the Currency (OCC)
  • Office of Financial Research (OFR)
  • US Securities and Exchange Commission (SEC)
  • US Treasury

    Gee, well integrated, Chris? This is a kind of reference guide OMG FIBO Ontology schema. Your share considering Hopper confused me at first, but then quickly got the connection efforts of structured COBOL with the efforts of the structure / ontology by EDMC for FIBO, outline data, and then the SEO section. Oh, and I did not realize the size of an individual EDMC .

Jan Cabrillo February 27, 2015 at 9:14 a.m.

    OK, caliber, I understand, at least I think. The Semantic Web is not a casual effort, as the conversations that speak most often are, and is instead some / integration of 'very' (methodically) structured / elements in order to make sense of the raft of items data and published (and it'll be published on the web today, tomorrow, and so on). Thus, from the work of people of GMOs and EMCDDA, along with banks and regulatory agencies, cashier language will emerge that will "bring transparency" both between the fin. svcs. Entities and between banks and the SEC, etc. Then, this structure will be mixed into off in Schema.org, Freebase (mean, since I've posted elsewhere, to Wikidata.org), then all that banks and brokerages and insurance companies will offer more "transparent" detectable by using public search engines. Straight? I mean, think it's the long version of a TL; DR.

Calibre Media Group February 27, 2015 at 9:24 am

    Jan, you just edit the spelling on chance, that's all, and that response is an exact TL; DR to what we're getting in connection with FIBO, outline and SEO. Thanks tons, and hope that spring comes early to New Jersey!









Wednesday, 11 February 2015

Demystifying JavaScript Closures, Callbacks And IIFEs

We have already taken a close look at the contexts of variables and elevation, so today we will end our exploration by examining three of the most important and heavily used in modern JavaScript development concepts - closures, callbacks and IIFEs.
Closures

In JavaScript, a closure is any function that holds the reference to the variables of the scope of his father, even after the parent has returned.

This means practically any function can be considered a close, because, as we have seen in section variable range of the first part of this tutorial, a function can refer to, or have access to -
  •       variables and parameters in its own sphere of function
  •       the variables and parameters of external functions (parents)
  •       global variables.
So, chances are you've already used closures without knowing it. But our goal is not just to use them - is to understand them. If you do not understand how they work, we cannot use them properly. Therefore, we will divide the definition previous close in three easy points to understand.

Item 1: You can refer to variables defined outside the current function.



Try the example of JS Bin

In this code example, the PrintLocation () function refers to the variable of country and city parameter envelope function (father) setLocation (). And the result is that when setLocation () is called, PrintLocation () successfully used the variables and parameters from the old to the exit "You are in Paris, France."

Point 2: internal functions can refer to variables defined in the outer function, even after he has returned.



Try the example of JS Bin

this is almost identical to the first example, except this time PrintLocation () is returned within the outer setLocation (function), instead of being called immediately. Thus, the value is the inner PrintLocation CurrentLocation () function.

If alerted CurrentLocation like this - alert (CurrentLocation); - Let's get the following result:



As we can see, PrintLocation () is executed outside its lexical scope. It seems that setLocation () is gone, but PrintLocation () still have access to, and "remembers" its variable (country) and the (city) parameter.

A closure (internal function) is able to remember its surrounding area (external functions), even when running outside its lexical scope. Therefore, it can be called at any later point in your program.

Point 3: Functions stored inside variables external function by reference, not by value.



Try the example of JS Bin

Here CityLocation () returns an object containing two locks - get () and set () - and both refer to the city the external variable. Get () gets the current value of the city, while set () updates. "Sydney" - - instead of the default "Paris" option when myLocation.get () is called a second time, the (current) present value of the city is issued.

Thus, the closures can read and update your stored variables, and updates are visible to any closure have access to them. This means that the store closings references to their external variables, instead of copying their values. This is a very important point to remember, because they know that can lead to some difficult point logical errors - as discussed in "expressions of immediately invoked function (IIFEs)" section.

An interesting feature of closures is that the variables in a closure are automatically hidden. Closing data centers closed their variables without providing direct access to them. The only way to alter these variables is by accessing them indirectly. For example, in the last part of the code we saw that we can modify the variable town only obliquely using the get () and set () closures.

We can use this behavior to store private data on an object. Instead of storing the data as properties of an object, we can store it as variables in the constructor, and then use the closures and methods relating to these variables.

As you can see, there is nothing mystical or esoteric about closures - just three simple points to remember.

CALLBACKS:

In JavaScript, functions are first-class objects. One consequence of this is that the functions can be passed as arguments to other functions, and can also be returned by another
functions.

A function that takes other functions as arguments or return functions as its result is called a higher order function, and the function that is passed as an argument is called a callback function. It's called "callback", because at some point in time that is "called back" by higher order function.

Callbacks have many everyday uses. One is when we use the setTimeout () and setInterval () of the Object Browser - methods that accept and execute callbacks:



Try the example of JS Bin

Another example is when an event is attached to an element on a page. By doing that we are actually providing a pointer to a callback function to be called when the event occurs.



Try the example of JS Bin

The easiest way to understand how higher-order functions and callbacks job is to create his own. Therefore, we will create one now:



Try the example of JS Bin

Here we create a fullName () function takes three arguments - two for the name, and one for the callback function. Then, after the console.log () statement, put a function call that triggered the callback function actual call - function Card () defined below the fullName (). And finally, we call fullName (), which is passed Card () as a variable - without brackets - because we want to run immediately, but simply want to point out that for later use by fullName ().

We are moving from the definition of the function, not the function call. This prevents the callback to be executed immediately, which is not the idea behind callbacks. He spent the definition of functions that can be executed at any time and at any point of the function containing. Furthermore, because callbacks behave as if placed actually within that function, are closing practice: you can access variables and parameters of the function containing, and even variables from a global scope.

The callback can be an existing function as shown in the example above, or it can be an anonymous function, we create when we called the higher order function, as shown in the following example:



Callbacks are used heavily on JavaScript libraries to provide generalization and reuse. Allow for easy library methods and / or extended customization. In addition, the code is easier to maintain, and much more concise and easy to read. Whenever you need to transform your model repeated unnecessary based on more abstract / generic callbacks come to the rescue code.

Say we have two functions - one that prints information about the published and another that prints information about messages sent. We believe, but we realize that some of our logic is repeated in both functions. We know that having one and the same piece of code in different places is unnecessary and difficult to maintain. So what is the solution? We will illustrate in the following example:



what we have done here is to the pattern of repeated code (console.log (point) and var date = new Date ()) in a separate function, generic (publish ()), and leave only the specific data within other functions - who are now callbacks. Thus, with one and the same function that can print information for all things related - posts, articles, books, magazines and others. All you have to do is create a callback function for each type specialized call and pass it as an argument to the publish () function.

Sunday, 11 January 2015

IBM's Design Language Is No Bootstrap killer

Reinventing IBM in recent years has revolved mainly around the cloud and analysis. But Big Blue has also been imposed in areas normally populated by startups and small businesses, faster - not that their efforts in these new areas have been entirely successful.



  IBM's latest move in this vein is a set of web design guidelines that bring the material mind design Google or Twitter Bootstrap. But IBM's goals are much more modest projects - and from the look of it, much less immediately useful.

The IBM design language, the new framework has been in the works for about a year, according to a blog detailing the project. IBM justification for the design language is "unity, not uniformity", and aims to be "more instructive than prescriptive". This translates into less emphasis on stock designs or templates and more emphasis on the guidelines and concepts.

"Patterns Off-the-shelf and templates would actually stifle innovation we designed the language to encourage" says the blog. Rather, the design concepts revolve around a set of experiences - how users discover something, start working with him, get help with it, expand it, and so on.

To this end, do not look to the resources provided by IBM for the design language for a site experience outside the box similar to Bootstrap design or even a set of elements of Web visualization in line with Design of Materials. Among the few resources provided are a template for icons Adobe Illustrator, calculator-type scale and color analysis online tool (both provided by websites that are not IBM), and a set of color palettes.

The IBM component provides that most resembles nothing Bootstrap materials or design is a color mixing system-SASS. The rest of what IBM is offering advice and design philosophies along with some examples.

If I Design Language is not out of eclipsing Bootstrap or materials design, what is the real plan? One possibility is that IBM aims to provide a comprehensive set of design guidelines to influence applications emerging from its recent partnership with Apple, and the future work of Watson and Bluemix use the services of ramp. It makes sense that everything has a consistent appearance and behavior.

IBM declared strategy is to Design Language "intentionally created to evolve through feedback from product teams and users." But if IBM wants others to draw on what it's created, you may find you have specific, concrete examples that can releveraged is a privileged way to do that - in other words, the same templates and widgets that IBM avoided in the name of not stifle innovation.

Monday, 8 December 2014

Find A Coding Buddy To Make Learning Easier And More Fun

There are plenty of resources for learning code, but none is better than a real person who can explain concepts to you, logic brainstorming with you and answer questions for you. That is why, if you are an experienced programmer or a beginner, you should get a co-coding.

Coding with another person will help you learn a new language more efficiently. Not only have a knowledgeable give you the backup you need to figure out a language, but also gives you someone to teach, it's a great way of learning companion. Belle night of his life, developer exist, explains why she finds her mate so valuable coding:



      I have yet to find a method of learning that better than having a real person to talk to.

      My co-founder Josh, who is primarily a Python developer, has practically learned Objective-C by me thanks to my many theoretical align programming questions ("How does a statement whether the job again?") And help with debugging when I'm really stuck.

      At least, having a fellow patient coding that can explain the fundamentals of programming is a big help. Josh often help me think through the most logical way to approach a problem, before I resolve the details of in Objective-C.

Having a partner could be the difference between learning to code in a few months and learn to code in a few weeks.