tag:blogger.com,1999:blog-69775331173721434602024-03-04T23:43:34.207-08:00Mobihexer - Mobile Web-AnwendungenDr. Eckard Ritterhttp://www.blogger.com/profile/03442535904229718569noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-6977533117372143460.post-77301255603154278572017-03-02T04:28:00.003-08:002017-03-02T04:28:58.133-08:00A simple site builder for non-techie publishers and marketers<br />
<i style="font-family: gotham, helvetica, arial, sans-serif;"><span style="font-size: small;">Publish and share effortlessly, write and tweet in one operation, build your own site, curate and author social media without being a HTML geek</span></i><span style="font-family: gotham, helvetica, arial, sans-serif;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwk5yoD-rFK1wHi79Gj03JKxp0jENFQ5DKH6laaHGzGl22F_t_ghSAzEDOnz4U2PGn8bF8aYBtSnfrz7zC3rkFXvOC1GWY-v8DGjJZaRiCer5wQ-m12gOtsUjZwRP6X0_MKFnteu8yGqU/s1600/juist-4-1920_urlaub-auf-juist-1-compressed.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwk5yoD-rFK1wHi79Gj03JKxp0jENFQ5DKH6laaHGzGl22F_t_ghSAzEDOnz4U2PGn8bF8aYBtSnfrz7zC3rkFXvOC1GWY-v8DGjJZaRiCer5wQ-m12gOtsUjZwRP6X0_MKFnteu8yGqU/s640/juist-4-1920_urlaub-auf-juist-1-compressed.jpg" width="640" /></a></div>
<span style="font-family: gotham, helvetica, arial, sans-serif;">Example: a site on the isle of Juist, <a href="http://www.redesign.mobi/cms/strandburg.html">North Sea, Germany</a>, created with Redsign CMS</span><br />
<span style="font-family: gotham, helvetica, arial, sans-serif;"><br /></span>
<span style="font-family: gotham, helvetica, arial, sans-serif;">Web content (and email) make up the foundation of digital experiences of the vast majority of Internet users. Hence content creation and </span><a href="https://en.wikipedia.org/wiki/Content_management" style="font-family: gotham, helvetica, arial, sans-serif;">content management</a><span style="font-family: gotham, helvetica, arial, sans-serif;"> are ubiquitous in our personal and business lifes. The variety of purposes and objectives for content publishing is immense and so is the supply of site builders and publishing tools. </span><span style="font-family: "Helvetica Neue", Arial, sans;">Site builders for single private or commercial online publishers (in contrast to large publishing systems of the media industry) range</span><br />
<ul style="font-family: "Helvetica Neue", Arial, sans;">
<li> from jack-of-all-trades software to quick-and-easy tools</li>
</ul>
<ul style="font-family: "Helvetica Neue", Arial, sans;">
<li>from graphics focused portfolio website builders to technical CMSs where strucured data matter most</li>
</ul>
<ul style="font-family: "Helvetica Neue", Arial, sans;">
<li>from automatic bells-and-whistles DIY kits to industry software requiring programming skills</li>
</ul>
<div>
<span style="font-family: Helvetica Neue, Arial, sans;">Redesign CMS is a special site builder that does not fit into conventional site creator categories and boast <a href="http://www.redesign.mobi/showcase.cfm">multiple design features</a> that other site builders lack.</span></div>
<br />
<br />
<h3 style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<span style="font-size: 18px;"><b>Site builder reports and comparisons</b></span></h3>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li><a href="https://www.sitebuilderreport.com/">Site Builder Report:</a> feature-richness, variety of templates and themes, ease of use, one-page site capable, detailed control of content and design</li>
<li><a href="http://www.websitebuilderexpert.com/website-builders-comparison-chart/">Website Builder Expert:</a> all-around (best: Wix), ease of use (best: Weebly), design-oriented (best: Squarespace)</li>
<li><a href="http://www.websitetooltester.com/en/website-builder-comparison/">Website Builder Comparison Tool:</a> ease of use, design flexibility, languages, depth of navigation</li>
<li><a href="http://uk.pcmag.com/web-site-hosting-services/42131/guide/the-best-website-builders-for-2016">PCMag:</a> mobile responsive, mobile editing, free version, shop, blogging, image editing, custom HTML</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br />There are many more online <b>reviews comparing site builders.</b> Seems like a wealth of information but at a closer look most of it is not helpful and it is all about to assess the resource's information depth, reliabilty and up-to-dateness, for instance</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Easy of use 4.5/5 or 5/5 is attributed to the "big three", namely Wix, Weebly and Squarespace, although operation differs very much. Of course, the big three are all userfriendly in a sense - which means that the criterion of user friendlyness without objectives etc. is meaningless.</li>
<li>Some look precise but obsolete site builders are still referenced - can't be a reliable resource</li>
<li>User numbers: for instance one source says 80m for Wix but there are multiple source saying this is highliy exaggerated. Plus comparing user numbers is like apple and pears, there are very different criteria</li>
<li>One resource left out Squarespace within the top 10 - can't be a reliable source</li>
<li>SEO friendliness is almost never mentioned, but there would be huge differences SEO-wise between the big three</li>
<li>Share friendlness<span style="font-family: gotham, helvetica, arial, sans-serif;"><span style="font-size: 14px;">isn't mentioned either - but would be most important for content to be shared (and which content woudn't?)</span></span></li>
<li>Import of content is mentioned in few cases, export of content almost never</li>
<li>Integration of third-party-widgets is hardly mentioned among the leading site builder - they are striving to offer their proprietary solutions. And that hints to their problem we will discuss in a minute.</li>
</ul>
<h3 style="font-family: "Helvetica Neue", Arial, sans;">
<b>Monolithic website builders and their problem</b></h3>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
All convential site builders since the beginning of the Internet are server-based or installed on PCs and "monolithic" in the sense that a huge software package is on hand to meet all kind of requirements with many features. Most of them are never needed which is completely analogous to Office Software, for instance. However, all features have to be available in perfect shape, just in case.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Understandably this has always been a problem: competition forced manufacturers to offer virtually everything but none of them was able to be excellent in all features. Nowadays, this general problem tightens for three reasons</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Development time scale - time runs ever faster: media technology, new social media, web apps</li>
<li>More and more website requirements come up: integration of apps, payment, new SEO requirements</li>
<li>Ever more Internet devices and browers,
<span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">web apps. Development of user interaction can hardly keep pace</span></li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
These heavy reasons make life tough for these monolithic - or dinosaur - site builders. It is not that they are doomed to disappear, but they are going to cover a smaller segment of the overall site creation world in the future. Weebly was created in 2007 and they were soon boasting tens of millions of users just because the majority of web publications could be built with such systems. Today there are so many formats of web content (let alone social media and apps!) that Weebly, as well as Wix and Squarespace, can by no means be able meet the majority of web publishers' needs. They may even grow, but the Internet and thus the variety of content publishing needs grow much faster.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
The problem of not being able to embrace new trends was always obvious for the big three: Weebly took a long time to become user friendly (politely said). Wix was absolutely non-SEO with Flash in the beginning. It took them until 2012 to migrate to HTML5 and true "mobile responsive" was still a dream then.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
There are, beyond site builders, more cases were "monolithicness" means subpar performance, for instance</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Evernote: in summary Evernote is excellent, one of the best web developments of all time. However, their editor was terrible in earlier years and is still not excellent. Why? Because it is part of a monolithic system.</li>
<li>LinkedIn: the editor for long-form articles has been improved but still is not competitiv among modern editors. Same problem!</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In contrast: Medium, <a href="https://medium.com/">an app designed for readers on the go,</a> has an excellent WYSIWYG editor, or Ghost has an easy-to-use Markdown editor. Both focus on one discipline: writing, editing, publishing. With today's fast changing technical requirements, no proprietary editor of a monolithic software system can ever compete with these modern solutions that are soley devoted to one purpose.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
The editor example can teach us a much deeper reason for the above mentioned monolithic lethargy and unability to adapt to change: both Medium and Ghost are Open Source. The world's developers can help making them better. And the wonder of this worldwide communication can only come true through common standards such as APIs, standard data formats (like JSON) and communities like Stackoverflow. This treasure of human progress is not accessible to conventinoal site builder companies. They can't disclose anything - it's their assets. They can pay millions to actors in their advertisements (as did Squarespace), but they are not helped by millions of the developments community to improve things.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<span style="font-size: 18px;"><b>Monolithic site builders suck at integration and connectivity</b></span></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In analogy to their lacking ability to be excellent at a single feature, there is another build-in problem of monolithic types: by definition (mono...) they suck at integrating with other services. Examples:</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Google maps! Their integration formats and APIs got better and better. But site builder keep offering their own integration, years behind. They just should do nothing proprietary and instead help authors use Google's excellent interfaces.</li>
<li>Strikingly - way more modern than said big three, but still monolithic - offers Twitter timeline integration but it jus does not look good. How come - with Twitter offering excellent integration tools?</li>
<li>RSS feed integration: none of the big site builders can compete with state-of-the-art hosted RSS services</li>
<li>Most site builders do not allow integration of external content except via RSS or Iframe. Modifying the Site's HTML is hardly possible (Strikingly is an exception: adding HTML with Styles and Scripts is possible)</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In summary, monolithic site builders don't - by philosophy - play well with third party services and thus forego many possibilities to make quality content creation easier.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<b><span style="font-size: 18px;">Modern site builders should communicate and connect with other web applications</span></b></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
(about web services) Examples</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Using an HTML Framework like Foundation or Bootstrap. It would facilitate adding HTML using their documentation</li>
<li>Supporting a clientside development framework like AngularJS. Users could animate their pages without being developers</li>
<li>Make it easy to modify design with CSS - these color pickers or dropdown color selections are <i>so boring</i> (meanwhile) and some of the easiest CSS rules are <i>so easy</i> to understand (meanwhile)</li>
<li>Integration of social media should be supported, for instance Twitter timelines, Collections oder Moments, Pinterest Boards, Rich media embeds of all kind.</li>
<li>Sharing should be supported - in modern ways. <a href="https://dev.twitter.com/cards/overview">For instance Twitter Cards.</a></li>
<li>Site search: for many years these proprietary searches have been <i>so annoying</i> (with users today use to Autocomplete and Instant Search, why not letting experts do the job, for instance Algolia, a super modern and <a href="https://techcrunch.com/2015/05/20/algolia-grabs-18-3-million-from-accel-for-its-search-api-on-steroids/">intelligent search engine</a>, easy to integrate? Or, using Google's <a href="https://cse.google.com/cse/all">Custom Search Engine </a>- you find on many designed web sites but not on sites built with a monolithic site build.</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In summary, escellent websites can only be created if all features are covered by the best players in their respective field. Modern site builders should enbrace and integrate services where they are better then the company's proprietary ones. In the extreme case, <b>a modern site builder</b> could retract itself and just moderate between data management, content creation/editing, display and user interaction - with all services provided by the best in their field.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Having got rid of that nasy duty of reinventing the wheel multiple times, a modern site builder could focus on what matters most: the user and their need to create effective content with as little as possible learing.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<b><span style="font-size: 18px;">Site builder requirements from the user's point of view</span></b></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Discussing features, benefits and technical specifications of website builders and DIY content creation tools makes no sense unless seen from the respective user's point of view. For instance, Microsoft Word: some use it just as a writing pad. They would never format paragraph margins, but just two line feeds instead. They don't even use templates because they don't want to learn the concept. Instead, they keep renaming documents. They would never create bulk letters, never creater PDFs, never use co-editing features. Word 2.0 from the 1990s would be fully suffient to them (same with Excel, by the way: what percentage of users really needs more then what Excel offered in 1993?).</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
With the big, classical site builders of today and the past decade, the situation is analogous (except that the manufacturers' software development was way less sophisticated then that of Microsoft, of course) in two respects</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>There is a vast variety of features but only few publishers use them</li>
<li><i>Those users</i> who <i>want</i> sophisticated features are often frustrated</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
It's <span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">kind of Pareto: 80% of the users deploy only 20% of the features use and vice versa only an minority of users max out the available features.</span></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
To get even more insight into user specific site builder requirements, users may be grouped according to their <b>ambitions and Internet-savviness :</b></div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>"Word 2.0" users: low-level objectives, just want to be present on the Web, show some pictures, have their brand online (personal or small business), don't want learn new skills</li>
<li>Ambitious DYI users willing to work a lot and improve there skills hands-on to achieve relatively impressing results, keen to add bells and whistles to the site and let it shine</li>
<li>Internet-savvy users who are able to assess what a site builder can do compared with real, technical web design - or at least experienced enough to distinguish various site builder capabilites and options</li>
<li>Low-level web designers who use site builders instead of technical web design. Those are often specialised for in a specific model. Typical systems for this group would be Squarespace, Wix (well, nowadays) and (in the majority of cases) Wordpress. In the near future, Strikingly could play a role, too.</li>
<li>Expert web designer who know to work with HTML5, CSS3, JavaScript frameworks like jQuery or AngularJS. These can, depending on the customer's requirements and budget, decide what way to go for a specific project. These would only use WordPress and Squarespace, plus Strikingly in a few cases</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Alternatively, users could be grouped according to their <b>type of requirements</b> like so</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Graphic design matters</li>
<li>Content is king</li>
<li>Content marketing and SEO</li>
<li>User interaction, functions</li>
<li>Online Shop</li>
<li>Continous publishing and blogging</li>
<li>Social media oriented</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Strong specialisation, the move already done.</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Hotel reservations: </li>
<li>Shops and payment: shopify and GoSpaces</li>
<li>Landing pages: Instapage</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<span style="font-size: 18px;"><b>Site builder requirements from the web designer's point of view</b></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
Gone are the times when there was one task: building a website. The publisher or their web designer chose a site builder, created a site, and for the next five years there were no further major activities concerning content, just updating text or images, adding a page from time to time.</div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
Alternatively, when site would be technically designed (HTML, CSS etc.) say 5-10 years ago, the web designer would act very much in accordance with the monolithic site builder: as a jack-of-all-trades. She would code visual effects like sliders or smooth scrolling, or develop her own an inquiry form.</div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<span style="font-size: 16px;"><span style="font-size: 14px;">Today, there are thousands of web applications ready use in for each and every online functionality and user interaction. The main task of a responsible and modern <b>expert web designer</b> consists in choosing the right option. Criteria for choosing a specific web service could be: reliability, coolness, visual appearance, complying to standards, requirement of other services ("dependencies"), variety and ease of customization, upgradability, price and (where appropriate) sharability.</span></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
The mere number of criteria shows that expert web designers using traditional website builders will be blocked sooner or later. Nonetheless, they will occasionally use site builders:</div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
Specialized site builders give the ready-made possibilities the would otherwise cost many hours and eat up much budget. The trade-off of having less freedom may be totally acceptable for both the designer and his client. Examples: Squarespace for shining visual effects; in some cases, one of Wix's templates may da; WordPress has the largest number of templates (7,000+) and there are marketplaces like Envato or Themeforest to take the right descision.</div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
In contrast, <b>low-level web designers</b> ("those who ran a hot-dog stall before the Internet came" - just citing a client) who have not learned to code HTML the new way </div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
Additional to high vs. low level, higher-level web designers can be distinguished like so</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;"><b>Allrounders</b>: familiar with most design and programming options to some degree, plus with site builders</li>
<li style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">Programming oriented web designers and <b>developers.</b> Those might use traditional site builders in rare cases as they are use frameworks like Bootstrap or Foundation with ease. </li>
<li style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">Graphic web designers: often graphic design professionals or <b>artists.</b> They are inclined to use the big site builders for their many template options plus portfolio templates</li>
<li style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">"Editorial" (text-focused) web designers, <b>authors,</b> bloggers, SEO writers. There is some inclination to use WordPress as a site builder since blogging - actually WordPress' core competency - is built in. Pages and blog posts are integrated and add up for good online visibility and search engine ranking. In many cases, these pure writers do not publish on their website but used dedicated media - for instance, medium - instead where they - in many cases - can grow their audience faster than with their web site</li>
<li style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">SEO oriented web designers, <b>content designers,</b> "strategic" web designers. This group is definitely less interested in bells'n'whistles and places much emphasis on perfect SEO-prone markup (for instance, schema.org, microdata, using HTML5 skillfully (for instance, managin headers, Article tags). Plus, the want web content and social media playing together as much as possible. In summary, this group has little inclination to use conventional site builders much.</li>
</ul>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
These web designer groups are partly rather disjoint: Graphics expert suck at writing; at least they are often aware of it. In contrast, typical allrounders, used to create "everything", produce terrible texts, often recognizable as SEO focused. Editorial designers have no feel for technical things, SEO experts are lost with images and site look & feel. Ofteny the create awful SEO copy but thankfully the reader realizes this immediately and can skip the respective page.</div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
For low-skills web designer there is not that much to distinguish, just two scenarious, where in both cases a feature-rich website builder is the way to go:</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">Striving for good-looking results. Candidates are Weebly, Wix as well as WordPress. SquareSpace is said to demand a steeper learning curve.</li>
<li style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">Not more than run-of-the-mill websites needed. Probably Weebly and Wix offer the fastest result.</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<span style="font-size: 18px;"><b>Users and web designers: the line gets blurred, roles and tasks are changing</b></span></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Year ago, in pre-Internet times managers would delegate correspondence to secretaries who type paper letters and faxes. With email, communication became more direct, all the more as email formatting requirements were less stringent (in particular, in the beginning, there was no HTML email with images). Social media, a decade ago, further encouraged direct authorship, let alone mobile. The variety of ways to establish a personal or corporate brand online became immense. Today, even US presidents (well, and candidates) send their own tweets.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
The many ways of authorship suggest that the content of a company website can't be a Holy Grail anymore, with access being exclusively reserved to a web designer. Changes to be made, are conveyed on the phone or via email. This model still exists in many cases!: Social media like Twitter and Facebook are perceived as less formal and kind of playground. Posting and sharing is seen as less formal and non-committal. This perception is supported by the more volatile character of Tweets etc. since the are prone to disappear in the depth of the past timeline, whereas website content is "here to stay" as a more formal and brand-loyal representation of the firm.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
However, trends are towards direct authorship across all media, including websites, blogs and social channels.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In this scenario, how will the role of web designers change? Their task will still be setting up websites and keep them up and running. But when it comes to content, tasks will split: there is content with routine changes (like pricing), news content, long-form articles for website pages or a blog, SEO content, landing pages, social media profiles, social media posts.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In this more diverse and colorful scheme of content acitivites, the website still plays an central role as kind of team leader. Accordingly, a site builder is required that seamlessly supports all publishing action. It is very obvious that conventional, monolithic site builders can't keep pace with these now screnarios.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In summary, the roles of web designers and their clients have changed much and become more fluid. Publishers are going to become more autonomous and web designers are going to loose their monopoly status content control. In some cases, business owners will become more publishing-savvy than web design experts whereas these acquire new media skills to help business get the word out and be present on many media channels.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
"Old-school web design" – where a publisher needed a web designer just to get things online – is going to die. However, the specialized disciplines within web design will persist, whether they relate to the artistic aspects, technical development or web app development. There will always be a market segment of high-end websites, build with native web design (using powerful frameworks like Bootstrap or Foundation) or with high-end modern site builders.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<b><span style="font-size: 18px;">Modern site builders and CMSs on the market</span></b></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Every year there a new site builders and there is a tendency - as may be asumed from the above - to specialization</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<a href="https://thegrid.io/">"The grid"</a> creates stunning websites <a href="http://www.topdesignmag.com/20-well-made-websites-that-are-using-the-grid-system-to-the-max/">(examples)</a> with artificial intelligence ("AI websites that design themselves"). Such website builder definitely a tool for experts. So far, results are not too convincing and have been critiziced. In particular load times, at least in some case, rather long (4+ seconds). This editor is much more graphics than textual content oriented. Plus, very little SEO orientation.</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li><a href="https://fabrik.io/">fabrik</a> boasts "an new way to manage your content" - "From now on updating your site is something you’ll want to do." - and is primarily an online portfolio builder for creatives</li>
<li><a href="https://www.format.com/">Format</a> specializes in creative professionals portfolios, too</li>
<li>Wix claims the use of arificial intelligence, too. "<a href="http://www.wix.com/blog/2016/06/wix-artificial-design-intelligence/">Wix AD</a>I matches images, text and layout by learning and building based on its knowledge of the users’ business and location." <a href="http://www.wix.com/blog/2016/08/stunning-websites-built-with-wix-artificial-design-intelligence/">Example sites</a> so far are not really overwhelming, in particular, they are slow and thus browsing pages of a site takes time since it's still the 20 years old server-side content management system. The impact of artificial intelligence is hard to discover.</li>
<li><a href="http://www.simbla.com/">Simbla</a>, a "a clean, no-frills drag and-drop DIY website builder" is modern in that it uses a powerful framework for responsive web design "Simbla <a href="https://www.merchantmaverick.com/reviews/simbla-review/">touts its use of Bootstrap 3</a> to automatically optimize any created website to any platform, whether mobile, laptop or tablet." "Don’t let their youth fool you though, Simbla offers one of the best <a href="https://scotch.io/tutorials/simbla-a-next-generation-responsive-website-builder">website building experiences</a> available."</li>
<li><span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;"><a href="https://www.contentful.com/">Contentful,</a> a Berlin start-up "out of dissatisfaction with the existing web-focused CMSs. Those didn't fit for the new web – the web of mobile, interactive, multichannel content" is rather a CMS than a website builder "Like a CMS ... without the bad bits". Sites can be built programmatically via an API. This new approach provides total freedom to use well strucured data for whatever purpose: for display on web sites, for web apps, for sharing and feeding social media, for content marketing. Key of this modern philosophy is separation of content from presentation.</span></li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<b><span style="font-size: 18px;">From "web site design" towards strategic content design</span></b></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<span style="font-size: 14px;">"Content" is a terrible word. It reduces what really matters to a low-value commodity. Even worse, the vast majority of content on the Internet solely exists for SEO purposes, it's nothing more than digital environmental pollution. Nevertheless, content is the material of our communication and our online presences. Luckily, today's Google search algorithms do no longer encourage content spam, keyword stuffing and the like. Even though Google is still not intelligent enough to really separate the wheat from the chaff (at least not languages other then English), the search engine's efficiency to recognize the meaning and purpose of documents will inevitably increase. Furthermore, Google, Facebook, Amazon, Microsoft <a href="https://www.cnet.com/news/google-facebook-amazon-microsoft-join-forces-to-push-ai/">join forces</a> to push artificial intelligence for better understanding of all kind of content.</span></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<span style="font-size: 14px;"><br /></span></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<span style="font-size: 14px;">For website creators, authors, publishers and SEO experts this means the there is a strong trend towards quality content, meaning both editorial and technical quality. The latter means, for instance, semantic mark-up. This is increasingly important: despite Google's increasing ability to recognize a page's meaning, value and authority, semantic content optimization can increase page rank and thus <a href="http://searchengineland.com/7-steps-semantic-content-excellence-227435">drive SEO</a>. Semantic mark-up can easily be created just by using HTML5 the right way. Additionally, <a href="http://schema.org/">schema.org</a> helps categorizing page content.</span></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Other additions to the code are tags for social media, mostly <a href="https://en.wikipedia.org/wiki/Facebook_Platform#Open_Graph_protocol">Open Graph tags</a> and tags for Twitter Cards which - if done right - create a beautiful Twitter Card display if the URL of the respective page is included in a tweet (provided that the respective domain is whitelisted by Twitter).</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<b>Results for the big three</b></div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Wix: non-semantic, Open Graph, no Twitter Card tags, AJAX, slow loading</li>
<li><span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">Weebly: non-semantic, Open Graph, no Twitter</span>
<span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;"> Card</span>
<span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;"> tags, loading time okay</span></li>
<li><span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">Squarespace: simple semantic, Open Graph, Twitter</span>
<span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;"> Card</span>
<span style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;"> tags, AJAX, fast loading</span></li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In summary, Squarespace takes care about semantic markup. However, none of the three use a more sophisticated mark-up, let alone schema.org. "Non-semantic" may mean: only divs (page sectioning with no semantic meaning), no headers (which would bear semantic significance) and similar cases. Or, the HTML code is not fully "mobile responsive".</div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In contrast to these three traditional sitebuilders which evidentially are unable (or unwilling) to meet modern content requirements, there is a more recent site builder, released in 2013, in which case care was taken of state-of-the-art HTML code. It's Strikingly:</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>HTML code uses <a href="https://v4-alpha.getbootstrap.com/">Bootstrap 4</a>, the most advanced mobile and responsive framework, made by Twitter (the code is not bug-free, though, the <a href="https://validator.w3.org/">W3C validator</a> reports many basic HTML errors)</li>
<li>Semantic mark-up</li>
<li>Social: Open Graph tags</li>
<li>Page loading: rather slow</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
Today's site builders should enable the author to created stratetic and SEO-friendly content. Summarizing the joint "good" features of the above four sitebuilders (1 modern, 3 wannabe modern) concerning content design, mark-up, SEO-friendlyness and share-friendlyness:</div>
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>Semantic mark-up</li>
<li>Open Graph plus Twitter Card tags</li>
<li>AJAX and fast page loading</li>
<li>an HTML framework for best possible display on all</li>
</ul>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<br /></div>
<div style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
In contrast joint deficits of <i>all</i> four do not have</div>
<br />
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
</div>
<br />
<ul style="font-family: "Helvetica Neue", Arial, sans; font-size: 16px;">
<li>a perfectly clean code</li>
<li>schema.org</li>
</ul>
Dr. Eckard Ritterhttp://www.blogger.com/profile/03442535904229718569noreply@blogger.com0