We start the advice and many reccomendations on this page with the following cite from WHATWG's living standard
That is of course an advice for webmasters.
Every day, so many new sites and pages are put on the internet or the world wide web, that you will not be able to browse and read this information to the rest of your life. Even if you are young today, and become 100 years old you will not be able to read the headlines. You will not be able to read the news headlines published in one year.
Think of that for a moment. If you know what you are searching for, you put a query in the search field of a search engine and hit return, and in less than a second you may get many million terms. The resources collected in our mini network, are semantic, ordered and manually cultivated like a grape farmer cultivates his grape plants. As an example click links and then old links. They are old if they are some years old, most often more than five years old. Those links are manually checked from time to time. Stable semanic links of cool URLs don't change. If you find a broken link on this page, please send us an email. That will increase the quality of the link collections. If the links on this page i still relevant or semantic, it is a good indicator that this is a reputable site. It is an indication that the site has a good content policy. Evergreens don't change. Even if there is a technological evolution, old articles and tools have an interest. You don't find all old internet pages and sites on the internets, archives wayback machine that is listed with other similar tools on our ordered links page.There are a lot of broken links checkers. The World Wide Web Consortium (W3C) has their. Why not use that tool? Link cultivation goes far beyond checking for broken links. The reason why is:
We don't claim that the links we have collected point to socalled evergreens, but we try to collect relevant and targeted resources for your journy through our sites. We have seen articles that we will call evergreens disappear from the internet. Authoritative articles written by Nobel Prize winners and finance professors have disappeared. The article may not be relevant any longer, but it has historic and sometimes pedagogic interest.
The problem is to find the correct, relevant, semantic and unbiased information. That is not always possible. Some years ago I lost som videos from my video camera. The natural query to put in the search field was: best video recovery software. Today I get a relevant article, but the software I am looking for is ranked as no 3. I tested about 10 different tools before I found the correct one. That was the only software that was able to recover all videos on a disk that took 80 gb of movie clips. Since it takes hours to recover files from a video disk, it was a long and boring work before I found the correct software.
This site is made from experience, some bad. Read here and you may save time and money. You may avoid some pitfalls that have made us wiser, but not richer. There is a Norwegian saying, burned child avoids the fire. By using these resources, you can avoid the fire. The first free advice, is that there are many web browsers. There are many ways to surf the web with a browser on your, desktop, your tablet or smart phone. If you use a Pc, and shop online from that computer, it is not difficutl to find our preferred browser. The sublink with anchor text ordered links on the links folder, lists a lot of diffenent web browser for prom plain text browsers to browsers made for people that will surf anonymously. There are screen readers for blind and visibly impaired. A modern smart phone has an inbuildt sreenreader or a sreenreader app where text is translated to words. On one of the oldest web browsers, the Norwegian web browser Opera, you only drag a wheel in the lower right corner of the browser window to increase the size of the text and page elements. Our preferred browser if you shop online is Opera. Opera's son Vivaldi (made by the same persons that made Opera) was launced wit the motto:
For advanced users
Competitors Chrome, Firefox, Internet Explorer, Safari and Opera have in the past focused almost exclusively on creating an even smoother and faster browsing experience. Vivaldis goal is however to be a browser for a little more advanced and technologically interested users.
Try Vivaldi. It is generally our preferred browser. Since we don't have so long experience with that browser as Opera, currently we still recconmend Opera for the online shopper, even if Vivaldi's security model may be the same. If I use image seargh, I use Chrome and the Google search engine, since I can right clcik an image and searhc for copies or simlilar images. There is a Chrome plubin that makes this right click more advanced. Read about the in our ordered link collection. Great for a fast surface scan of the authenticity check of an image. As a web master I also use FireFox, since that browser has a lot of extensions or plugins that are seamlessly made for web masters. There are people that need to surf then internet anonymously for various reasons. Criminals of course do it. But also people that are threathened on their lifes or for other reasons must hide their name and identity use a proxy server. The Tor Project is a part of internet freedom. The Tor proxy server protect your privacy and defends you against network surveillance and traffic analysis. Part of the Tor project is the Tor browser. Mac users or users av Apple's different iProducts use safari when they surf online. Safari is a natural element in Apple's iCloud, iMac, iPad, iTv and future products and services from Apple. The other browsers mentioned above most often has a version for Apple's platforms.
That a site does not function in Opera or the more advanced browser Vivaldi, is an indication that you shall be careful. If you have a suspicion that something is downloaded in the background, turn off your computer, especially if you surf the web with administrator rights. If a site loads slowly, be careful. Check it with tools that you find in our link collections link collection. Our overall security principle is:
at least before you have done your own Due Dilligence or have experienced otherwise. If you are in doubt. you can test a page or site with Google's Safe Browsing test that you find in our order link collection. I have that tool on my Vivaldi speed dial that you can also read more about in the ordered link collection. There are many online resources that constantly write about browser security and related problems. If you are especially interested in a topic, for instance browser security, you can set up Google or other alerts with terms like "Browser security", "What is the most secure web browser", "Browser vulnerabilities" etc. You can of course search for similar terms and refine the result even more.
Windows defender that is an integrated part of the Windows 10 operating system, is fairly good. The easiest way to start windows defender on Windows 10, is to put Windows defender in the search box in the lower left corner to the right of the Windows start menu and perform the query. When you have run a security scan, click on the log and click the three radio buttons to see if there are any bad software. If there is, you can remove them. There are third party security software.
MultiFinanceIT.com is a very important site if you search financial information and news. We have education on the Dr. Scientlevel in mathematical finance and the site owner worked 20 years in the research department of the Central Bank of Norway, developing many software programs for the bank, the ministry of finance and our central burea of statistics.
OopSchool.com is important for web masters that are looking for more advanced topics. Object oriented programming was invented in Norway in the mid 1960's so we should have the necessary background to collect links for those looking for information on this topic, too.
If you do it correctly, shopping online is becoming more and more secure as serious credit card issuers now require that you use a pin code or bank id when you shop online. That means that if your credit card is stolen, your pin code also has to be stolen to be used for online shopping. If your credit card number or other identity information was stolen, our first question is: Which web browser did you use? You may tell us that your computer was infected, with a trojan, a key logger and your credit card number was stolen or your bank account hacked. If your credit card number or other identity information was stolen, to repeat, our first question is: Which web browser did you use? For that reason we also recommend using the Norwegian Opera (or Vivaldi) Web browser. It is especially important to use that browser when you shop online for the following reasons:
To repeat what we wrote in the introduction above:
Every day, so many new sites and pages are put on the world wide web, that you will not be able to browse and read this information to the rest of your life. Even if you are young today, and become 100 years old you will not be able to read the headlines. Think of that for a moment.
That means that you have to be very focused in your web browsing and surfing. When linking out to an external page or site, we have tried to avoid sites with bad behavior (in professional language, bad redirects, bad pop ups, sites starting automatic downloads of software, pages with suspect messages that you are a winner, pages with ActiveX controls, scripts and other code that can infect and in the worst case destroy your computer).
You can dramatically improve your surfing / browsing experiences if you configure your browser in a smart way and use keyboard shortcuts, socalled acceleration keys (combinations). If you use Opera, here are som hints to improve your surfing experience:
OpenID is a decentralized authentication system. It is a free and easy way to use a single digital identity across the internet. You will have only one username, and you will carry your identity with you across the web and your identity is secure.
OpenID eliminates the need for multiple usernames across different websites, simplifying your online experience. You get to choose the OpenID Provider that best meets your needs and most importantly that you trust. At the same time, your OpenID can stay with you, no matter which Provider you move to. And best of all, the OpenID technology is not proprietary and is completely free.
The OpenID Foundation (OIDF) was formed in June 2007 to help promote, protect and enable the OpenID technologies and community. February 7th, 2008 OIDF announced that Google, IBM, Microsoft, VeriSign and Yahoo have joined the board.
Today’s announcement marks a milestone in the maturity and impact that the OpenID community has had. While the OpenID Foundation serves a stewardship role around the community’s intellectual property, the Foundation’s board itself does not make any decisions about the specifications the community is collaboratively building.
In the beginning of 2008 there are 250 million OpenIDs and over 10 000 websites to accept them. The First OpenIDDevCamp was a Success and a sponsor had the following message on their website in early 2008:
Passwords are the weakest link in online security. They can be guessed or stolen with surprising ease, manipulated and abused by computer programs, and revealed by unwitting users. So let's get rid of them. And while we're at it, let's turn the login into a profit center.
How do I get an OpenID? You may already have one.about responsive web design. Since this information is updated in february 2016, you should from the very start make your web site mobile-friendly or responsive. April 12 2016, I tested this page with Googles responsive web page test. The test concludes, Awesome! This page is mobile-friendly. No it is not, (try to shrink the browser window and look at the styling if you are in doubt) so our preferred speed test is to test it on hardware, smart phones, tablets and a omputer with a large screen. The best alternative is to reduce the borwser window on a large computer screen and observe how elements, text, images and videos respond when the page is reduced to a narrow screen of a smartphone. If you use the FireFox web browser, there is a shortcut key combination, CTRL + Shif + M (or Cmd + Opt + M on OS X) that will immediately tell you whether a web page is responsive.
There are many ways to make a site mobile friendly and responsive. The easiest way is to style the site with different stylesheets and use the same HTML markup. That means that a mobile version of your site loads the same code as the desktop version. For obvious reasons that may slow down a site on a smartphone so much that many visitors leave before the code has loaded. Conditional loading of content is a related technique and combined with responsive design, it may speed up the mobile version. As an example, a large image that is loaded on the desktop version should not be loaded on the mobile version. The mobile version should have a compressed (mobile optimized) image. If you search for "conditional loading responsive design", you get a lot of hits worth studying. Site speed is so important that Google has its own PageSpeed Insights with subjects as "Mobile Analysis" and "Best Practices" with additional categories. Google has also made a tool for testing page speed. We reccomend that you read this article Why responsive design shouldn’t be your goal in mobile
We’ve explained before on this site how performance is so important for mobile, and that you will lose traffic and revenue if your site is slow. The quick explanation is that users don’t like to wait around, and especially when on mobile.
The longer explanation ...
There are a lot of resouces in our collection of Webmaster resources on the main menu. There you also find our preferred tests for page speed, more precisely in the category Site and pagetests, debugging and HTTP info
Google has so much foccus on pagespeed for mobile sites, that the company has launched the Accelerated Mobile Pages Project that was explained in an article published on Google's official blog October 7, 2015 under the heading: Introducing the Accelerated Mobile Pages Project, for a faster, open mobile web
Today, after discussions with publishers and technology companies around the world, we’re announcing a new open source initiative called Accelerated Mobile Pages, which aims to dramatically improve the performance of the mobile web. We want webpages with rich content like video, animations and graphics to work alongside smart ads, and to load instantaneously. We also want the same code to work across multiple platforms and devices so that content can appear everywhere in an instant—no matter what type of phone, tablet or mobile device you’re using.
If you search for accelerated mobile pages in 2016, you get a lot of hits and CMS platform providers like Wordpress have made an AMP plugin. You should be able to keep up with the development by searching for AMP or accelerated mobile pages on the Wordpress plugin page.
The AMP project has defined its own HTML standard the socalled AMP HTML.
AMP HTML is basically HTML extended with custom AMP properties. The simplest AMP HTML file looks like this:
I copied that code into a new html (php that is marginally slower than pure html) file and tested it with Google's page speed test on february 21 2016. First of all, the user experience could not be improved since it scored 100 / 100 on that part, but on speed it scored 90 / 100, so there is room for improvement on that part of the test. The test concluded:
1. Prioritize visible content
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
The entire HTML response was not sufficient to render the above-the-fold content. This usually indicates that additional resources, loaded after HTML parsing, were required to render above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold by including it directly in the HTML response.
None of the final above-the-fold content could be rendered even with the full HTML response.
2. Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
The conclusion is that that code gives good enough user experience, but page speed could be improved. Page speed is also dependent of how fast the server the page is served from is, and how fast the users network is. My server has a flash or SSD drive, so that should not be the bottleneck unless Google requires even faster servers. My network is faster than standard broadband. So how much should you tweak and fine tune your code? There is always a tradeoff. You should not concentrate so much on code and markup that you don't produce fresh and updated content on your site. You may loose more visitors on that than going form 90 to 100 on the page speed test.
Is it possible to be more specific on this point? Then we have to get an idea of how important speed is as a ranking signal.
People need to wake up to how serious the need is for quality signals, and where speed is one of those signals. Now, with "basic" and AMP being driven so intently by Google, it's no more a case of the few of us in the industry who have been pushing these topics - the house is now on fire.Don't think that if you speed up your site, you will get a boost in search ranking.
AMP doesn't mean adopt AMP and get a massive boost in search ranking. That is not the case. All of the other signals need to be satisfied as well. But without question speed matters. If we had two articles that from a signaling perspective scored the same in all other characteristics but for speed, then yes we will give an emphasis to the one with speed because that is what users find compelling.
So how probable is it that two articles will score the same? Very low in my opinion.
User experience is important, and your site may be so slow on mobile phones that people leave and don't bookmark or link to the page. That can have indirect SEO effects that may be more important.
More about ranking signals where you also get an idea of how important it is to have a mobile friendly site. You will also note that page speed is supposed to become a more important signal in the future.
Look at my favicon and Google's brand for their AMP project. That icon has been online and visible in most browsers for years on OOPSchool.com. This site has the icon too. Only the colours seem to differ on sites that use it to brand Google's AMP project.
If you look at the HTML markup for ACM HTML, you will note that it starts with the HTML doctype, and then a new element html ⚡ that is similar to the lightning of my favicon. You will also note that a lot of authoritative sites like moz use this icon to comment on Google's new AMP project.
Is it possible to beat amp pages for speed? Of course it is possible to write faster code, especially since AMP html documents load the AMP libraries (what is the point without?). You can in order of decreasing minimalism (increasing complexity):
The Google AMP Cache is a proxy-based content delivery network for delivering all valid AMP documents. It fetches AMP HTML pages, caches them, and improves page performance automatically. When using the Google AMP Cache, the document, all JS files and all images load from the same origin that is using HTTP 2.0 for maximum efficiency.
For more information, visit our ordered links collection. We have also written a short note on BlogNorway.com, HTML AND HTML ⚡. If you wan't to comment on this, you may register on our forum.
In 2016 it is not difficult to set up an advanced (multi)site in a few minutes. Some hosters offer click install of platforms like WordPress, Elgg, drupal, etc. etc. You don't even need to create a database for a databasedriven site. If your web hoster has tools like softaculous you only specify the setup and the software create the database for you. You can make a great responsive website without coding a single line. All you need is to learn is how to style your site using templates and putting content on the site. If this is all you need to know, you can stop reading further.
The forum on this site was set up in less than 10 minutes. I made an empty SQL database, uploaded the zip file, put my browser in the forum subfolder, installed and configured the files in a few minutes. Then, in the forum ACP, I made my first forum and copied the previleges of the default installed forum to my new sub forum "forum rules". That is done, so the forum is visible. If I visit the forum, I am not able to post, since so far I have not set any user (group) previleges. I return to the forum ACP, and since I am an administrator and forum owner, I have to let forum admins have posting previleges in that sub forum. You must set the previleges for every user group for every sub forum. You can refine that and set the previliges for individual users. When the previliges are set to post for forum administrators in the ACP panel, I can return to the forum and start the first thread in the forum rules subforum. Since those rules were copied from another forum, the whole process took less than 10 minutes.There are four layers of a web site:
If you use a good framework or CMS system, you only need to think of writing content. The CMS platform cares for the rest. A good hoster has good backup systems and server rewind possibilities. You may of course take your own backups on the hard drives of your computer or on external media. If you rely on cloud services, you may put a backup in the cloud, that is availlable all over the world where there is a internet connection.
Some CMS systems are more vulnerable than others. Our experienc is that you have to update your Wordpress system as soon as there is a new (upgraded) version. Unless, there may be vulnerabilities that can harm your site. For that reason, be careful when you use third party styling, plugins or other extensions. How often are they updated? Which updating policy does the producer have? In other words, use extensions that is forward compatible.
Everything on the web is about semantics
Note that Web Science Research Initiative (WSRI) tries to create a science of the web. Also note that webstandards are set at The World Wide Web Consortium (W3C) and The Web Standards Group. WHATWG mentioned above and W3C keep an updated version of HTML. It is a good idea to keep up to date by visiting these resources regularily. Keeping up with the latest technologies and browsers can be hard work. Therefore westciv has collected a load of resources to make your life easier. You should have an understanding of how search engines see and index your site. Canonical issues are one example of an important topic related to search engine Bots. Much traffic (e. g. for an ecommerce site, that means customers) can be lost by changing the structure of your site. Broken links, give a bad impression. In short, that is about your ePropery, your brand and your business. Cool URIs don't change. Years of hard work can be lost in seconds by introducing a broken link. There is a solution, redirection. But that can also be done in a bad manner. In our view a broken link is better than a redirection to a site / page with different or unrelated content to the original site / page. You risk being reported as a spammer and in the worst case a scammer. It is of utmost importance that you give the surfer or online shopper a good experience and (s)he will bookmark, index and remember your site and return. It is also important that you make your site accessible for disabled (like visibly impaired ) persons. If you intend to cover the global market, also note that a lot of surfers use mobile devices and shop online by smart phones, or other mobile devices. If you intend to cover this market, also make your site available for mobile devices from the very beginning. That is make your site responsive, so it shows good on any screen size.
Good and bad bots will visit your site. CAPTCHA is a type of challenge-response test used in computing to determine that the user is not run by a computer. There are tools to help you identify bots that crawl your site. You can make spider traps and set up a crawl wall. Your complete website may be downloaded and copied in seconds. There are methods to prevent downloading your web site and you can track down a spammer. If you follow the advice below when you start your online web business, design a new site or redesign an old, you may save yourself days, weeks and (if the site grows enough) months of trouble:
This is easily done by putting the following lines in your .htaccess file:
deny from all
allow from yourIP
Then it is easy to add friends to that list by allowing their IP's. There are some related resources that is valuable if you want to block IP regions:
Now php 7 is available, and much has happened to php since the first version of the last mentioned book, so look for updates or more up to dateinformation.
Make your site user friendly and accessible and separate content from design and coding. In his book "The principles of beautiful web design", Jason Beaird says it like this:
"Good design is about the relationship between the elements involved, and creating a balance between them."
Make it simple, as simple as possible but no simpler. Validate and test your site with tools that you find in our ordered links collection.
Use site-wide stylesheets. That is, use CSS and separate design from content by putting the styles in separate files that you may share across your complete site. Remember, journalists and authors write content, designers design and programmers program. Different persons may have a comparative edge on these three skills. In addition, digital branding and web advertising may be the most important element in your overall web business. Today you can set up a simple site in less than an hour. Bringing traffic to your site may be the most difficult part and you may need to hire a specialist. It is a good SEO (see below) advice to separate content, styling and code in different files. That makes the job easier for the SE bots, your site is easier to modify and refactor. You may even do more specific SEO with robots.txt, by directing the bots to specific parts of your pages.
In a minimalistic language, we can say the an HTML site pluss an HTML browser is a web 1.0 site. Often a static web 1.0 site is all you need for your business, so you can stop reading here.
If you want a dynamic database driven site and / or a web 2.0 (application) site, as a minimum defined as an XML powered site plus an XML browser, you should continue reading. You may even need a 3-D site like Second life. Three dimensional sites and grid search in 3D may be the start of Web 3.0. AVForums, UK's biggest and best home cinema discussion forums and audio visual home consumer electronics resource can be a good place to start if you want to build a 3D site or an online cinema or puppet theatre site.
Think ahead. Do you need a static ad site for your company or do you need a larger dynamic database driven site? PHP and MySQL are good enough even for many large company sites. The top of laziness is to do everything correct from the very start. Read what Matt Zandstra writes in his book, "PHP Objects, Patterns and Practice" about being too fast:
"The problem is that PHP is just too easy. It tempts you to try out your ideas, and flatters you with good results. You write much of your code straight into your Web pages, because PHP is designed to support that. You add the heavier code to functions in library files, and before you know it you have a working Web application. You are well on your way to ruin. You don't realize this, of course, because your site looks fantastic. It performs well, your clients are happy, and your users are spending money."
That means that if you think of efficiency and code reuse etc. you ought to learn design patterns and object oriented programming.
XML can be used to standardize data description, publishing, data storage and retrieval and distributed computing. An XML document must be well formed. The XML family have the following related technologies where some important sites are listed, too.
Together these technologies are aimed to make a better standard to present content on the web. XML is not a programming, but a meta language. By using XML you can define your own language. The World Wide Web is more and more used for application to application communication where the programming interfaces made available are referred to as Web services. Companies deploy these services and other companies or web sites consume the services. XML has a very wide application and is used to make content manage systems, CMS and Native XML databases, NXD. You can also build a XML driven site, where the document is transferred to the preferred format, be it (X)HTML, RSS; Atom, PDF, Wap etc. by XSLT that is part of the extensible stylesheet language family (XSL).
It is much easier to get a site up and running than getting it known and visited by the SE bots. Bringing traffic to a site is a never ending Marathon race where competition is fierce. There is a never ending intensive competition among webmasters to get the best position on the SERP's (Search Engine Result Pages). This competition is named SEO (Search Engine Optimization). There is an alternative, paid advertising named PPC (pay per click) where Google AdWords are the best known. That is an electronic auction where the highest bid for a key word or some key words, get the best position. If you are always at the top of Google ad words, you pay too much for your key words. You can also sign up by an affiliate provider like TradeDoubler, Commision Junction or LinkShare. There are many. SEM (Search Engine Marketing) is another element in web marketing. This is an art, science and profession.
If you need advanced program and application development tools, my favourite platform is (was) RAD studio from Embarcadero and my favorite database platform is (was) Oracle, that is in the front on grid computing and secure enterprise search. You do not need that to develop simple and even advanced web sites. But it sets a standard and as Web Services, hosted applications and cloud solutions increase in number and popularity, you may need it in the future if you need real horse power. Nobody would compare a Porsche carrera gt to a Volkswagen. It has been said that C++ is the next generation assembler. I once wrote letters with Andrew Koenig, the project Editor of the C++ Standards committee. I think it was him that wrote in a letter that life is too short to program in assembly, and then he meant assembly and not C++. But today, C++ may be the de facto assembler, and life is not too short to learn and program in C++. That is also the first processor independent "assembler." I personally view C# and Java as simplified C++.
If you wan't to make your own site, there is no lack of resources on the internet. The sky is the limit, but it is not easy to get attention. You are competing with millions. Every day there is 4 billion searches on Google. That tells you something about the magnitude. There are more than 7 billion people on earth, but only 3 billion with internet access. So the internet is still in its infancy.