Search Engines: Unterschied zwischen den Versionen

Aus Geoinformation HSR
Wechseln zu: Navigation, Suche
K
K
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 2: Zeile 2:
 
* Meta Ger: https://metager.de/
 
* Meta Ger: https://metager.de/
  
−
Geodata Search Engines and directories:
+
Geoservices and Geodata Search Engines and Directories:
 
* HSR-Geodatenkompass (by Geometa Lab HSR): http://geodatenkompass.hsr.ch/
 
* HSR-Geodatenkompass (by Geometa Lab HSR): http://geodatenkompass.hsr.ch/
 
* Geopole (by Sourcepole): http://geopole.org/  
 
* Geopole (by Sourcepole): http://geopole.org/  
−
* Search for OGC webservices: http://searchogc.com/
+
* Search Site for OGC webservices: http://searchogc.com/
 +
* HDX - The Humanitarian Data Exchange: https://data.hdx.rwlabs.org/
 +
* Geolode - a collaborative catalog of open geodata websites around the world, searchable and browseable by location, topic, and other tags: http://geolode.org/?q=earth+boundaries
 +
* Datahub.io: http://datahub.io/dataset?q=swiss
 +
* OpenData-Portak Schweiz: http://opendata.swiss
  
−
History:
+
Former projects:
 
* geometa.info
 
* geometa.info
 
* [[OSGeodata_Discovery]]
 
* [[OSGeodata_Discovery]]
 +
* Mingle.io: http://mingle.io
  
−
== Best Practices for Geometa Lab Webpages ==
+
== Notes for Web Developers ==
  
−
These are notes about design guidelines, search enginge optimization (SEO) and best practices (Javascript) for webpages at Geometa Lab.
+
See [[Best Practices for Web Maps]].
−
 
 
−
== General Design Guidelines ==
 
−
 
 
−
* For page elements use the “official” HSR Colours found here: https://www.hsr.ch/Farben.7715.0.html
 
−
* Is a HSR logo in the header of the page it should link to http://www.hsr.ch/Informatik.1155.0.html
 
−
* Generally use following font family:
 
−
<pre>"Helvetica Neue", Arial, Helvetica, sans-serif;</pre>
 
−
 
 
−
== Design Guidelines for Map Pages ==
 
−
 
 
−
Credentials bei Verwendung von OSM-Karte(n) und -Daten:
 
−
* "Improve this map" mit Permalink
 
−
 
 
−
== HTML and CSS ==
 
−
 
 
−
Header elements:
 
−
* Favicon (png can have any name), icon that will be displayed in the browser tabs:
 
−
<pre><link rel="icon" type="image/png" href="favicon.png"/></pre>
 
−
* Sometimes a current IE version is installed, but system settings force it to use legacy document modes. Add following line to your head to make IE use the most current available mode:
 
−
<pre><meta http-equiv="X-UA-Compatible" content="IE=edge"></pre>
 
−
* With a manifest file you can add properties to your page when it gets “installed” using Chrome on Android, for example a custom home screen icon or displaying the page in full screen mode.
 
−
<pre><link rel="manifest" href="manifest.json"></pre>
 
−
* manifest.json example:
 
−
<pre>{
 
−
  "short_name": "MyPage",
 
−
  "name": "My amazing page",
 
−
 
 
−
  "icons": [
 
−
    {
 
−
      "src": "favicon.png",
 
−
      "sizes": "144x144",
 
−
      "type": "image/png"
 
−
    }
 
−
    ],
 
−
 
 
−
  "start_url": "index.html",
 
−
  "display": "standalone"
 
−
}</pre>
 
−
 
 
−
 
 
−
Metadata for social media pages:
 
−
 
 
−
The following examples add site specific metadata for various social media pages. The images should be high resolution screenshots of the current page, they will be displayed under posts where your page is mentioned.
 
−
* Open Graph protocol (Facebook etc.)
 
−
<pre><meta property="og:image" content="http://mypage.com/images/facebook_share.png"/>
 
−
<meta property="og:title" content="Do stuff with My App"/>
 
−
<meta property="og:url" content="http://MyApp.com/"/>
 
−
<meta property="og:site_name" content="My App"/>
 
−
<meta property="og:type" content="website"/></pre>
 
−
* Twitter
 
−
<pre><meta name="twitter:card" content="summary_large_image">
 
−
<meta name="twitter:title" content="Do stuff with My App">
 
−
<meta name="twitter:description" content="You can do lots of fun things with My App">
 
−
<meta name="twitter:image" content="http://mypage.com/images/twitter-share-image.png">
 
−
<meta name=”twitter:creator" content="@MyTwitterHandle"></pre>
 
−
 
 
−
* Don’t use float and fixed pixel numbers for the layout. Most layout problems (including responsive design) can be solved using flexbox. See http://www.w3.org/TR/css-flexbox-1/ for more information.
 

Aktuelle Version vom 1. Februar 2016, 00:35 Uhr

Specific Search Enginges:

Geoservices and Geodata Search Engines and Directories:

Former projects:

Notes for Web Developers

See Best Practices for Web Maps.

Von «https://giswiki.hsr.ch/index.php?title=Search_Engines&oldid=58013»