WordCamp Vienna 2015 – Meine Notizen

WordCamp Vienna

Titelfoto: © WordCamp Vienna http://vienna.wordcamp.org/2015/pictures-from-wordcamp-vienna-2015/

Letztes Wochenende hat das erste Wordcamp in Wien stattgefunden. Fast alle Talks waren sehr interessant und das Event an sich war sehr gut organisiert. Das nächste Mal bin ich sicher wieder dabei.

Meine Notizen habe ich natürlich wieder formatiert und veröffentlicht.

Vienna WordPress Meetup http://wpvienna.com

How to seduce Google with your WordPress site

Bruce Jackson http://www.seocoach.at

Adwords keyword planner - Traffic für Keywords finden und vergleichen

Suchanfragen auf Desktop bestehen im Schnitt aus 1-2 Wörtern, auf Mobile bis zu 10, weil Mobile User Voicesearch verwenden, bspw. "Zahnarzt im dritten Bezirk in Wien".

SEO und title-Element

  • Keywords müssen im title und in der URL vorhanden sein
  • title muss lesbar sein
  • title muss einzigartig sein
  • www in der Domain verwenden

„Mobilegeddon“

Am 21.04. findet das größte Google Update statt

30% der Websites werden 30% ihres Traffics verlieren

Testen ob die Website Mobile friendly ist: https://www.google.de/webmasters/tools/mobile-friendly/

Man darf CSS und JS in robots.txt nicht blocken, weil die Website damit nicht komplett gelesen werden kann und entsprechend nicht mobile friendly sein kann.

Directories spielen (immer noch) eine wichtige Rolle bei der Suche
http://tupalo.at
http://herold.at
http://yelp.at

Für Mobile ist Google Maps wichtig. (Lokale Suchanfragen)

WordPress Plugins

Yoast SEO Plugin
W3 Cache
Google Analyticator
Transposh
Polylang

SEO

Google SEO Guidelines
SEO Moz

Vagrant: disposable developer environments made easy

Michele Orselli

https://www.vagrantup.com/

Nach fertigen Vagrant Boxes suchen:

Es ist auch möglich mehrere Projekte in einer Box laufen zu haben.

  • Box wählen z.B. laravel/homestead
  • Box installieren vagrant box add laravel/homestead
  • vagrant init
  • vagrant up

WordPress Responsive and Fast: Speed Index < 1000

Holger Guggi

Websites sollten idealerweise innerhalb einer Sekunde dargestellt werden. „Nach Abzug der Netzwerklatenz sind nur noch 400 Millisekunden übrig“.

https://developers.google.com/speed/docs/insights/mobile?hl=de

80-90% of the end-user response time is spent on the frontend. Start there.

Steve Souders

Backend optimieren

  • Linux Kernel 3.2+
  • Man sollte wichtige Plugins installieren können, bspw. für Caching.
  • Server Konfigurationen von HTML5 Boilerplate verwenden

The fastest HTTP request is the one not made.

Steve Souders

WP Theme testen

Theme installieren (oder einfach Demolink von Themeforest nehmen) und durch http://webpagetest.org laufen lassen.

„Start render“ sollte maximal 700ms sein und „Speed Index“ maximal 1000ms.

Plugins

W3 total cache - (Minification, Browser Cache,...)
HTML5 Boilerplate .htaccess - Servereinstellungen u.a. für Performance
Plugin organizer - Reihenfolge in der Plugins geladen werden ändern
EWWW Image Optimizer - Dateigröße optimieren

Contributing to WordPress

Jenny Wong

WP Rest Api - Daten aus WP Website holen über Rest.

Wenn man zu WordPress etwas beitragen möchte: http://make.wordpress.org. Verschiedene Teams: Accessibility, Core, UI, Mobile,..

WordPress App - Beiträge schreiben über die iOS oder Android App.

WordPress.tv - WordPress Videos und Talks.

bbPress - Forum Software von den WordPress Machern.

https

Robert Harm

Man sollte https verwenden, weil es sicherer ist und zusätzlich gut fürs Google Ranking.

Jetpack

https://wordpress.org/plugins/jetpack/
http://jetpack.me/

Brücke zwischen wordpress.com und selber gehosteten Website. Features von wordpress.com in eigene Website bekommen.

  • Markdown
  • Statistiken
  • Überprüfung von Rechtschreibung & Grammatik
  • Shortcodes
  • E-Mail Subscriptions
  • Photon - Bilder in WordPress Cloud hosten
  • Social Features
  • ...

VersionPress

http://versionpress.net/

Git Plugin für WordPress Websites mit dem nicht nur Dateien, sondern auch die Datenbank versioniert wird.

Sehr junges Projekt. Man kann ihnen schreiben, um den aktuellen Development Build zu testen.

Git

Miguel Fonseca

How to present like a Boss

Davide 'Fol' Casali

Benchmark
One thing
Storytelling
Style

Buchempfehlung: Made to Stick: Why Some Ideas Survive and Others Die

Building themes with the WP REST API

WP Rest Api - Daten aus WP Website holen über Rest

Picard Present - A presentation theme that uses the REST API

Themes bauen mit Javascript und Rest API.

Vorteile:

  • Bessere User Experience
  • Speed - Gewisse Seite auf einmal vorladen
  • Offline - Durch das Vorladen sind gewisse Daten auch Offline verfügbar
  • Server wird entlastet

Zugänge:

Website komplett in Javascript aufgebaut und WP nur als Datenspeicher + Admin

oder

Skeleton Theme und um den ersten Page Load kümmert sich Javascript

Funktioniert auch ohne Javascript! (progressive enhancement)

http://browserify.org/ - Browserify lets you require('modules') in the browser by bundling up all of your dependencies.

Collections theme - https://thethemefoundry.com/wordpress-themes/collections/

React and Flux for WordPress Developers

Nikolay Bachiyski - http://extrapolate.me/

React - UI Library, kein Framework

React Developer Tools Chrome Plugin

Bei jedem Update:

  1. render() wird aufgerufen
  2. React macht ein diff und vergleicht den aktuellen und den letzten Status
  3. Es wird berechnet welche Änderungen am DOM am sinnvollsten sind
  4. Alle Updates am DOM werden batch durchgeführt

Flux

Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.

https://facebook.github.io/flux/

Artikel: Flux For Stupid People

How to properly split-test your WP website

Igor Kolosov

Slides: How to properly split-test your WP website

Zufällig Traffic verteilen auf Hauptversion (A) und abgeänderte Versionen (B, C, ...).

Clicks tracken:

https://www.browserling.com - Online Browsertesting

Seine Empfehlung zum Splittesting: Content Experiments (with Universal Analytics)

Manuel Matuzovic

Frontend Developer aus Wien.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *