Jak mám udělat aby se mi při sdílení mojí stránky na facebooku objevovala česká diakritika ?

[ElementParticipant]

Dobrý den, prosil bych o radu, jak mám udělat, aby se mi při sdílení mojí stránky na facebooku objevovala česká diakritika? (Háčky, čárky)

Verze wordpressu 3.3.1

překlad od: separatista.net

ukázka:

http://www.steel.4fan.cz/wp-content/uploads/321.jpg

http://www.steel.4fan.cz/wp-content/uploads/123.jpg

http://www.steel.4fan.cz/wp-content/uploads/312.jpg

[adminKeymaster Web]

Těžko říci… Jakou používáte šablonu a jakým způsobem jste na web přidal tlačítko pro sdílení stránky? Nějaký plugin nebo kód do šablony?

[ElementParticipant]

žádný tlačítko nemáme na sdílení na facebook a šablona je diabolik.

[LukenziParticipant]

Třeba bych kouknul zda se to tu už neřešilo: https://www.separatista.net/forum/topic.php?id=541 (hlavně poslední odstavec od admina)

[neteyesczParticipant]

Dobrý den,

Pravděpodobně se bude jednat o kodování stránky. Nastavte, prosím, všude kodování na UNICODE (UTF-8).

[ElementParticipant]

Jak mám poznat kde to mám nastavit na UTF-8?

[LukenziParticipant]

Napíšu to radši ještě jednou a polopatě…

Kódování stránky na ten krám Facebook nemá vliv, v odkazovaném příspěvku jasně vidíte (kdyby jej ale někdo četl…), že stejný problém se zde už řešil. Případně google napoví, že tento problém je naprosto běžný a řeší se i na jiných webech (já jej tuším řešil na TV-spoty.cz).

Ale k řešení…

1) Do hlavičky vložit metatagy podle tohoto návodu.

2) A nakonec navštívit tuto stránku, zadat adresu webu a prostě počkat.

Během 24 hodin by mělo být vše v pořádku. Pokud si s metatagy pohrajete není problém při zalajkování nebo sdílení zobrazit na facebooku i např. náhledový obrázek. Toť celý problém…

[ElementParticipant]

Chtěl bych se zeptat když dám na tuto stránku (http://developers.facebook.com/tools/debug)

url svý stránky a napíše mi to pak tohle:

Errors That Must Be Fixed

Object Invalid Value: Object at URL ‘http://xxxxxxx.xx/’ of type ‘article’ is invalid because the given value ‘203044419806802’ for property ‘fb:admins’ could not be parsed as type ‘fbid’.

co mám dělat?

[LukenziParticipant]

špatná hodnota v “fb:admins”

obrázkový návod třeba zde nebo spooousta návodu třeba na googlu

btw tato hodnota tam být nemusí

[LukenziParticipant]

Web jsem “lajknul” a už se zobrazuje správně…

btw nemusíte se bát zobrazit URL adresu webu

1.pro úspěšné vyřešení problémů ji dost často potřebujeme (i když si třeba myslíte opak)

2. stejně si ji nakonec zjistíme…

[adminKeymaster Web]

Lukenzi: Hmmm, já jsem ten web podle screenshotů asi nenašel? Našel jsem kompletní text (ten stačí zadat do Googlu), ale asi na jiném webu, protože tam je jiný vzhled a datum)?

[LukenziParticipant]

aha datumu jsem si nevšiml, ale text na jiném webu není než ten který jsme našli oba

…njn takže nezbývá než čekat jestli je problém vyřešen…

[ElementParticipant]

metatagy sem dal do headeru, ale nechápu jak si to myslel že si snima mám pohrát.

[LukenziParticipant]

Jednoduše, na výše odkazovaných stránkách FB je uvedena spousta možností, ale nikde není psané, že musíš použít všechny. Pokud ti jde jen o kódování, tak by mělo stačit použít debuger (po použití debugeru se vyprázdní interní cache facebooku a informace o webu se načtou znovu a z mých zkušeností se už budou zobrazovat ve správném kódování). Občas se ale stane, že facebook zobrazí např. místo úryvku textu jen nějaký text například z menu na tvých stránkách a proto jsem doporučil použít další možnosti jako například

<meta property="og:title" content="TITULEK" />

<meta property="og:description" content="POPIS" />

vyplníš si tak u každého článku svůj vlastní titulek a popisek (menší úpravou šablony), který se na facebooku bude zobrazovat.

Další problém bývá ten, že facebook zobrazuje u stránek nějaký náhledový obrázek a většinou to je ten, který nejmíň vystihuje tvou stránku (například místo loga nebo obrázku u článku zobrazí obrázek tlačítka menu) což není asi to co by jsme chtěli. Z tohoto důvodu ještě existuje možnost nadefinovat si takovýto obrázek ručně a to pomocí

<meta property="og:image" content="CESTA_K_OBRÁZKU" />

Pomocí trochy kódování lze jako titulek nastavit titulek daného článku, jako popis nastavit krátký úryvek přímo z článku a jako náhled zobrazit náhledový obrázek článku nebo nějaký výchozí, třeba logo tvého webu udělaný přímo pro zobrazování na facebooku.

Tohle vše je ale jen o tom, že si k tomu člověk sedne, něco málo si přečte a zkouší, upravuje a zase zkouší dokud není s výsledkem spokojen…

[LukenziParticipant]

Ještě dodám, že až budete s výsledkem spokojení můžete to znovu absolvovat pro Google+, ale tam jsem se se špatným kódováním ještě nesetkal :)

[ElementParticipant]

moc vám děkuju za trpělivost semnou ale mě to stále nejde,

<meta property=”og:title” content=”the_title” />

<meta property=”og:description” content=”get_the_excerpt” />

<meta property=”og:image” content=”get_the_post_thumbnail” />

tohle mám v header.php v šabloně.

---

nevíte v čem sem chyboval?

[neteyesczParticipant]

Zdravím,

Já bych to asi udělal takto:

<meta property="og:title" content="<?php echo get_the_title(); ?> " />

<meta property="og:description" content="<?php get_the_excerpt() ?>" />

<meta property="og:image" content="<?php echo get_the_post_thumbnail(); ?>" />

Dobré a zajímavé tipy na implementaci FB do webu jsem našel v článku: http://vonlind.com/2010/10/how-to-make-your-wordpress-post-look-nice-when-shared-on-facebook/ .

[LukenziParticipant]

Ten odkazovaný návod je fajn, jen jsem tam našel dvě drobné chybičky:

1) Pokud někdo zalajkuje úvodní stránku webu tak se jako náhled použije 1. obrázek v nejnovějším článku a to v max velikosti (netuším jak si facebook poradí např. s 3mb fotkou) Já bych asi raději použil nějaký výchozí obrázek (logo třeba).

2) do “description” (popisu) vloží úryvek (excerpt) který je docela dlouhý a už to pak nevypadá pěkně, takže bych ještě před celý ten kód vložil funkci, ktera mi úryvek zkrátí a posléze ji použil jako filtr.

celý kód by pak vypadal nějak takto:

<!-- Begin FB Sharing for WP by Chad Von Lind. Get the latest code here: http://vonlind.com/?p=539 -->

<?php

function facebook_excerpt($lenght){

return 20;

}

$thumb = get_post_meta($post->ID,’_thumbnail_id’,false);

$thumb = wp_get_attachment_image_src($thumb[0], false);

$thumb = $thumb[0];

$default_img = get_bloginfo(‘stylesheet_directory’).’/images/default_icon.jpg’;

?>

<?php if(is_single() || is_page()) { ?>

<?php add_filter(‘excerpt_length’, ‘facebook_excerpt’); ?>

<meta property=”og:type” content=”article” />

<meta property=”og:title” content=”<?php single_post_title(”); ?>” />

<meta property=”og:description” content=”<?php

while(have_posts()):the_post();

$out_excerpt = str_replace(array(“rn”, “r”, “n”), “”, get_the_excerpt());

echo apply_filters(‘the_excerpt_rss’, $out_excerpt);

endwhile; ?>” />

<meta property=”og:url” content=”<?php the_permalink(); ?>”/>

<meta property=”og:image” content=”<?php if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>” />

<?php } else { ?>

<meta property=”og:type” content=”article” />

<meta property=”og:title” content=”<?php bloginfo(‘name’); ?>” />

<meta property=”og:url” content=”<?php bloginfo(‘url’); ?>”/>

<meta property=”og:description” content=”<?php bloginfo(‘description’); ?>” />

<meta property=”og:image” content=”<?php echo $default_img; ?>” />

<?php } ?>

<!– End FB Sharing for WP –>

[ElementParticipant]

i když to tam dám do toho headeru tak to nejde.

kruci.. :/

[ElementParticipant]

Lukenzi a kdybych chtěl aby mi to ukazovalo náhledovej obázek místo toho obrázku kterej bych si zvolil tak jak by vypadal ten kód? #ChciToJeštěZkusit

[Autor]

Příspěvky