<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Mary Maru Design</title>
	<atom:link href="https://www.marymaru.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.marymaru.com/</link>
	<description>Smart Websites for Growing Brands</description>
	<lastBuildDate>Tue, 25 Nov 2025 21:52:36 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://www.marymaru.com/wp-content/uploads/2021/03/cropped-m-in-circle-logomark-D01110-512pxw-favicon-32x32.png</url>
	<title>Mary Maru Design</title>
	<link>https://www.marymaru.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Copy-Paste Caution: How to Avoid Formatting Issues in WordPress</title>
		<link>https://www.marymaru.com/wordpress-page-builder-best-practices/copy-paste-caution-how-to-avoid-formatting-issues-in-wordpress/</link>
					<comments>https://www.marymaru.com/wordpress-page-builder-best-practices/copy-paste-caution-how-to-avoid-formatting-issues-in-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Thu, 24 Apr 2025 03:26:27 +0000</pubDate>
				<category><![CDATA[WordPress & Page Builder Best Practices]]></category>
		<guid isPermaLink="false">https://www.marymaru.com/?p=13267</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/wordpress-page-builder-best-practices/copy-paste-caution-how-to-avoid-formatting-issues-in-wordpress/">Copy-Paste Caution: How to Avoid Formatting Issues in WordPress</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_0 et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_0 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Copy-Paste Caution: How to Avoid Formatting Issues in WordPress</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_1 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Why Copy-Pasting Directly Can Cause&nbsp;Problems</h2>
<p>Have you ever copied and pasted content from Google Docs or Word straight into your website? I&#8217;ve witnessed clients do this during 1:1 training sessions. It looks fast and easy and innocent enough. But hidden formatting often carries over from those applications and quietly builds up in your website over time, causing SEO problems, design inconsistencies and frustrating site slowdowns. Let’s look at why this happens and how to prevent these issues.</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>The Hidden Consequences of Copy-Pasting into&nbsp;WordPress</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>1. SEO and Search Engine Visibility</h3>
<p>If increasing site traffic and conversions is a goal, you should know that copying from Word or Google Docs into your WordPress site can introduce unnecessary code that confuses Google. This could cause it and other search engines to struggle to read your content correctly, causing your site to not rank as well as it could in search results, meaning fewer people will find your business website organically. Copy-pasting can lead to issues like:</p>
<ul>
<li><span class="bold">Poor keyword indexing</span>. Hidden inline styles and unnecessary tags can obscure the actual text content, making it harder for Google to recognize and properly index important keywords.</li>
<li><span class="bold">Slower page load speeds</span>. Copy-pasted content often includes extra inline CSS and bloated HTML, which increases page weight and slows down load time—a direct negative ranking factor in Google’s algorithm.</li>
<li><span class="bold">Content rendering issues</span>. Messy, non-semantic code from word processors can disrupt the logical structure of headings and content, making it harder for Google’s crawler to parse and understand the hierarchy of your site.</li>
</ul></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>2. Mobile Display and User Experience (UX) Issues</h3>
<p>Pasting text directly from Docs or Word often adds rigid formatting that doesn’t adjust to different screen sizes. This can mean a frustrating mobile experience that can drive visitors away before they even read your content. Some example of potential display and UX issues include:</p>
<ul>
<li><span class="bold">Text appearing cut off</span> or unreadable on smaller screens.</li>
<li><span class="bold">Unresponsive sections</span> or extra scrollbars, making navigation frustrating for users.</li>
<li><span class="bold">Misaligned images or text blocks</span>, disrupting your carefully designed layouts.</li>
</ul></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>3. Formatting Overrides Can Disrupt Site-Wide Styles</h3>
<p>Hidden formatting can override your website’s design aesthetic and consistency, making your pages look unprofessional and disjointed. Instead of a cohesive brand experience, you may end up with:</p>
<ul>
<li><span class="bold">Inconsistent fonts</span> and text sizes across different pages.</li>
<li><span class="bold">Unwanted spacing</span> that make paragraphs and page sections look uneven.</li>
<li><span class="bold">Headings and links that don’t match</span> the site’s predefined styles.</li>
</ul>
<p>If you ever decide to refresh your website’s design, hidden formatting won’t adjust automatically, forcing you to fix each page individually—making site-wide updates tedious and potentially costly.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>4. Bloat and Slower Load Times</h3>
<p>A slow-loading website can be frustrating to visitors and can even hurt your Google rankings. Pasting content from Docs or Word often adds unnecessary code behind the scenes, causing:</p>
<ul>
<li><span class="bold">Slowed down page load times</span>, impacting both SEO and your site&#8217;s UX.</li>
<li><span class="bold">Increased risk of formatting conflicts</span>, especially when updating your theme or plugins.</li>
<li><span class="bold">More difficult future edits</span>, since you may need to manually strip out unwanted code.</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 widerSection et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Before and After: How Formatting Can Impact Your&nbsp;Site</h2>
<p>To illustrate the difference, here’s a very simple before-and-after mock example of how pasting formatted text can impact your site:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_3 widerRow">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>Before (Bad Example):</strong></p>
<ul>
<li>Here I pasted content directly from Google Docs which includes hidden inline styles.</li>
<li>The hidden styles are causing inconsistent font sizes, random line breaks, and spacing issues.</li>
<li>There&#8217;s a potential for this page&#8217;s load time to increase because of extra styling code.</li>
</ul></div>
			</div><div class="et_pb_with_border et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><span style="font-weight: 400;">Welcome to Our Website!</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Our mission is to deliver excellence in all that we do. We believe in integrity, innovation, and customer satisfaction.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">We serve a wide range of industries, offering </span><b>bespoke solutions</b><span style="font-weight: 400;"> that meet the unique needs of each client.</span></p>
<p>&nbsp;</p>
<p><i><span style="font-weight: 400;">“They exceeded our expectations at every turn.”</span></i></p>
<p><span style="font-weight: 400;">– Jane Doe, CEO</span></p>
<p>&nbsp;</p>
<h2><span style="font-weight: 400;">Why Choose Us?</span></h2>
<p>&nbsp;</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Customized services</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Decades of experience</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Client-focused approach</span></li>
</ul>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">👉 </span><a href="https://docs.google.com/document/d/1-CdTSeQum8yh26NYM3lDAbtqr4GDPfCfutX600AkAGc/edit#"><span style="font-weight: 400;">Learn more about what we offer &gt;&gt;</span></a></p>
<p>&nbsp;</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>After (Fixed Example):</strong></p>
<ul>
<li>From Google Docs, I pasted the text into TextEdit on my Mac, then copied that clean version here. I formatted the text using my web builder.</li>
<li>Fonts and spacing match the rest of my website.</li>
<li>The page has to potential to load faster because of its cleaner, streamlined code.</li>
</ul></div>
			</div><div class="et_pb_with_border et_pb_module et_pb_text et_pb_text_10  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Welcome to Our Website!</h2>
<p>Our mission is to deliver excellence in all that we do. We believe in integrity, innovation, and customer satisfaction.</p>
<p>We serve a wide range of industries, offering <strong>bespoke solutions</strong> that meet the unique needs of each client.</p>
<blockquote>
<p>“They exceeded our expectations at every turn.”<br />– Jane Doe, CEO</p>
</blockquote>
<h3>Why Choose Us?</h3>
<ul>
<li>Customized services</li>
<li>Decades of experience</li>
<li>Client-focused approach</li>
</ul>
<p><a href="&quot;">Learn more about what we offer &gt;&gt;</a></p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_3 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_11  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Best Practices to Keep Your Formatting&nbsp;Clean</h2>
<p>The good news is that you can easily avoid these issues with a few simple steps.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_12  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>1. Use a Plain Text Editor as a Middle Step</h3>
<p>Before pasting your content into your page builder:</p>
<ol>
<li>Copy the text from Google Docs or Word.</li>
<li>Paste it into a plain text editor to remove any hidden formatting:
<ul id="indentedSublist">
<li>Windows: Use Notepad</li>
<li>Mac: Use TextEdit (switch to plain text mode via `Format &gt; Make Plain Text`)</li>
</ul>
</li>
<li>Copy it again from the plain text editor and paste it into your website builder—Divi Builder, Elementor Pro or whatever builder you’re using.</li>
</ol></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_13  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">-OR-</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_14  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>2. Use the &#8220;Paste as Plain Text&#8221; Feature *(if available)</h3>
<p>Some page builders offer a <strong>&#8220;Paste as Plain Text”</strong> option. This feature automatically removes unnecessary formatting when pasting content. Look for it in your builder’s text editor settings.</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_0">
				
				
				
				
				<span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="1920" height="302" src="https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-paste-as-plain-text.jpg" alt="Divi builder paste as plain text tool" title="divi-builder-paste-as-plain-text" srcset="https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-paste-as-plain-text.jpg 1920w, https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-paste-as-plain-text-1280x201.jpg 1280w, https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-paste-as-plain-text-980x154.jpg 980w, https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-paste-as-plain-text-480x76.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1920px, 100vw" class="wp-image-13410" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_15  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><caption>This is the &#8216;paste as plain text&#8217; tool in Divi Builder.</caption></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_16  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">-AND THEN-</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_17  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>3. Apply Formatting Directly in Your Page Builder</h3>
<p>Once pasted as plain text, manually style your content within your website builder tool. You can format your content just like you would in Google Docs or Word—directly in your builder:</p>
<ul>
<li>Headings (`H2`, `H3`, etc.)</li>
<li>Bold and italicized text</li>
<li>Links</li>
<li>Bullet points or numbered lists</li>
</ul>
<p>This ensures that the content <strong>matches your site’s global styles</strong> and stays visually consistent.</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_1">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1200" height="189" src="https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-text-styling-toolbar-2.jpg" alt="Divi builder text styling toolbar" title="divi-builder-text-styling-toolbar-2" srcset="https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-text-styling-toolbar-2.jpg 1200w, https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-text-styling-toolbar-2-980x154.jpg 980w, https://www.marymaru.com/wp-content/uploads/2025/04/divi-builder-text-styling-toolbar-2-480x76.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1200px, 100vw" class="wp-image-13413" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_18  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><caption>Text styling toolbars in webpage builders are typically virtually identical to what you&#8217;d find in your favorite word processing software. You&#8217;ll want to be in the Visual view to access it.</caption></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_4 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_19  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Build a Better Habit</h2>
<p>Now, it’s entirely possible to copy and paste content from Google Docs or Word into your WordPress website and get visual results that look just fine—maybe even exactly how you want. And that’s the insidious part.</p>
<p>Everything might look okay on the surface, whether it aligns with your visual brand or not. But behind the scenes, hidden formatting quietly builds up. And the more content you add this way, the more effort it’ll take to clean up later—especially if you ever refresh your design or try to streamline your site.</p>
<p>Think of it like regularly eating foods high in cholesterol. One meal isn’t the issue. But over time, those habits compound—and eventually, the effects catch up with you.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_20  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>The Bottom Line: A Simple Fix for an Avoidable&nbsp;Problem</h2>
<p>Pasting directly from Google Docs or Word might seem convenient—after all, you’ve already styled your text, added lists, and dropped in images. But taking the <strong>extra step to clean up any formatting from Docs or Word</strong> can save <strong>hours of frustration</strong> managing your website in the long run. By using a <strong>plain text editor</strong> as a middle step and applying formatting in your <strong>page builder</strong>, you’ll keep your site <strong>consistent, professional, and easy to manage</strong>.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_7">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_21  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Need Help?</h2>
<p>Whether you need help with a one-time cleanup or would like 1:1 training so you can DIY or are interested in a repeatable process, let&#8217;s chat. <a href="https://calendly.com/marymaru/30-min-1-to-1">Get in touch</a> to get started.</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/wordpress-page-builder-best-practices/copy-paste-caution-how-to-avoid-formatting-issues-in-wordpress/">Copy-Paste Caution: How to Avoid Formatting Issues in WordPress</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/wordpress-page-builder-best-practices/copy-paste-caution-how-to-avoid-formatting-issues-in-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Encouraging Engagement with Website Comments</title>
		<link>https://www.marymaru.com/strategy-and-planning/encouraging-engagement-with-website-comments/</link>
					<comments>https://www.marymaru.com/strategy-and-planning/encouraging-engagement-with-website-comments/#respond</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Thu, 25 Jul 2024 01:37:58 +0000</pubDate>
				<category><![CDATA[Strategy & Planning]]></category>
		<guid isPermaLink="false">https://www.marymaru.com/?p=13196</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/strategy-and-planning/encouraging-engagement-with-website-comments/">Encouraging Engagement with Website Comments</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_5 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_1 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Encouraging Engagement with Website Comments</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_6 blogArticle et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_8">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_22  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">According to recent data, blog posts significantly enhance website visibility and traffic. Companies with blogs generate 55% more website visitors than those without, and blogs drive 67% more monthly leads on average. Furthermore, websites with active blogs have 434% more indexed pages and 97% more inbound links, which improves search engine ranking and discoverability (Source: <a href="https://blog.hubspot.com/marketing/business-blogging-in-2015">HubSpot Blog</a>).</p>
<p>Letting visitors comment on your blog articles is a great way to boost engagement. Whether you call it a Blog; News; Tips &#038; Tricks; Important Information; or something else, regularly sharing custom content helps you educate, inform, show off your expertise, build credibility, and attract your ideal prospective clients. </p>
<p>Today, let&#8217;s talk about the pros and cons of allowing comments on your blog. But first, here are some topics you might consider when producing blog content for your business’ website:</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_23  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Blog Topic Ideas</h2>
<ul>
<li><b>Your Business</b>: Share updates, achievements, and behind-the-scenes insights including key new hires, changes in services, participation at industry trade shows (don&#8217;t forget to take pictures of your team, your booth, and interactions with guests!).</li>
<li><b>Client Pain Points</b>: Address common challenges your ideal clients face.</li>
<li><b>Case Studies</b>: Showcase problems solved for other clients, highlighting your expertise and success stories.</li>
<li><b>Industry Trends</b>: Discuss recent developments and trends in your industry to keep your audience informed.</li>
<li><b>Tips &#038; Tricks</b>: Provide valuable advice and actionable tips that your audience can apply.</li>
<li><b>Recent Press Coverage</b>: Share and comment on any media coverage or accolades your business has received.</li>
<li><b>FAQs</b>: Do you find yourself answering the same questions over and over again? Maybe it’s about your fees or the services you offer (or don’t offer!). Consider an FAQs section to provide clarity to your audience and help save yourself some time.</li>
<li><b>Educational Content</b>: Offer in-depth articles that educate your audience on topics relevant to your field.</li>
<li><b>Guest Posts</b>: Feature articles from industry experts or clients to add variety and different perspectives.</li>
</ul>
<p>Allowing comments lets visitors engage with your business directly through your content.</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_9">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_10  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_24  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Pros of Allowing Comments</h2>
<p><b>Boosts Engagement</b>: Comments create a platform for interaction, making your content more dynamic and engaging. Visitors can ask questions, provide feedback, and share their thoughts.</p>
<p><b>Showcases Expertise</b>: Responding to comments lets you show off your knowledge. Thoughtful replies can reinforce your position as an authority in your field.</p>
<p><b>Builds Community</b>: Comments can foster a sense of community among your readers, encouraging repeat visits and loyalty.</p>
<p><b>SEO Benefits</b>: User-generated content in the form of comments can improve your SEO by adding relevant keywords and fresh content to your pages.</p>
<p><b>Direct Feedback</b>: Comments give you direct feedback from your audience, offering insights into what your clients and prospects find valuable or challenging.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_25  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Cons of Allowing Comments</h2>
<p><b>Time-Consuming</b>: Moderating and responding to comments can take up a lot of time, requiring a dedicated team member to manage them well.</p>
<p><b>Spam and Trolls</b>: Without proper moderation, your site can get flooded with spam comments or negative, unconstructive feedback from trolls.</p>
<p><b>Revealing Too Much Expertise</b>: While demonstrating your expertise is great, there&#8217;s a fine line between sharing your knowledge and giving away too much for free. You have to balance helpfulness with discretion.</p>
<p><b>Potential for Negative Feedback</b>: Public comments can sometimes include negative feedback or criticism. Handling these professionally and constructively is crucial but can be challenging.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_26  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>A Special Note for Lawyers</h2>
<p>The American Bar Association in their Formal Opinion 10-457 on Lawyer Websites says lawyers…”must carefully manage inquiries invited through the website. Websites that invite inquiries may create a prospective client-lawyer relationship under Rule 1.18. Lawyers who respond to website-initiated inquiries about legal services should consider the possibility that Rule 1.18 may apply.” </p>
<p>Your local state bar rules may differ, but I know that New York and Connecticut State Bars support this. You can help avoid confusion with your website visitors by including, along with your comment replies, a disclaimer that says something like, ‘the information in these comments is not intended to be legal advise, nor does it create an attorney-client relationship’. (BTW, you should also attach a similar disclaimer to any fill-in Contact Us forms on your site.) Here’s my disclaimer: please research this matter to ensure whatever you decide to publish on your website  complies with your local laws.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_27  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Best Practices for Managing Comments</h2>
<p>Setting up comments in WordPress is easy, but managing them well takes some effort.</p>
<p><b>Let&#8217;s start with the easier part first</b>: WordPress lets you moderate comments (recommended) or allow them to be posted without moderation. You can set up email alerts to notify a designated team member of incoming comments. Spam software can handle typical unwanted posts, saving your team time and effort.</p>
<p><b>Now the harder part</b>: It&#8217;s important not to allow comments and then ignore them. Empower your designated person to review, approve, and respond thoughtfully to comments as appropriate. Map out a path of escalation for your team member should they get stuck.</p>
<p>If engaging with site visitors is part of your lead generation strategy, you have to take action and do so quickly if you want to increase engagement. While general answers and feedback are readily available online, your business’s expertise is what people seek when looking for your particular services.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_28  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Conclusion</h2>
<p>Turn on comments on your blog if you want to foster engagement and interact with site visitors who seek confirmation of your business’s credibility and expertise. If you can&#8217;t engage promptly, it’s better not to enable comments at all. By carefully considering the pros and cons and implementing best practices, you can leverage comments to enhance your content and build stronger relationships with your audience.</p>
<p><img decoding="async" src="https://marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png" width="300" height="124" alt="mary-maru-signature" class="wp-image-11851 alignnone size-medium" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png 300w, https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature.png 400w" sizes="(max-width: 300px) 100vw, 300px" /></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/strategy-and-planning/encouraging-engagement-with-website-comments/">Encouraging Engagement with Website Comments</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/strategy-and-planning/encouraging-engagement-with-website-comments/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Keeping Your Business at the Forefront: Lessons from a Tech Upgrade</title>
		<link>https://www.marymaru.com/strategy-and-planning/keeping-your-business-at-the-forefront-lessons-from-a-tech-upgrade/</link>
					<comments>https://www.marymaru.com/strategy-and-planning/keeping-your-business-at-the-forefront-lessons-from-a-tech-upgrade/#respond</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Tue, 09 Apr 2024 15:56:42 +0000</pubDate>
				<category><![CDATA[Strategy & Planning]]></category>
		<guid isPermaLink="false">https://www.marymaru.com/?p=13164</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/strategy-and-planning/keeping-your-business-at-the-forefront-lessons-from-a-tech-upgrade/">Keeping Your Business at the Forefront: Lessons from a Tech Upgrade</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_7 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_2 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Keeping Your Business at the Forefront: Lessons from a Tech Upgrade</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_8 blogArticle et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_10">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_29  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Have you ever had a work tool you absolutely loved when you first got it, one that served you well for years, but then one day, it just stops meeting your needs? Acknowledging that your once trusty tool, like my 27” iMac, is showing its age can be tough. </p>
<p>It may be tempting, then, with some tools, to use them until they give out. But in business and technology, holding onto yesterday&#8217;s tools can hold you back. The reality is, not moving forward means that you might be actually falling behind.</p>
<p>This became clear to me late last year when my iMac&#8217;s loud whirring noise during Zoom calls became too much to ignore. It was a definite sign I needed an upgrade. After diving into research, I opted for a MacBook Pro M3 Pro and a 27” Apple Studio Display.</p>
<p>This switch means I’m keeping up with the latest tech not only for its own sake, but also making sure that my equipment will keep up with my professional growth and meet the changing needs of my website design business. My new setup is high speed, max performance and looks super slick. Ah, I’m in love with my work tools once again.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_30  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>A Mirror to Boutique Professional Services</h2>
<p>I bet many boutique professional services firms can relate to this ‘tech-upgrade’ story, especially concerning their online presence. It&#8217;s not just about tech for the sake of tech; it’s about making sure your main client engagement tool—your website—is serving the way you need it to.</p>
<p>Just like how my reliable iMac started showing its age, your website might not reflect the level of professionalism you offer. Maybe the design feels old, the content doesn’t match your current business, or it just doesn’t work as well as it should. These little signs are big indicators that an update is needed.</p>
<p>Sometimes, just a few small changes can take you a long way. Especially if your website was launched within the past three to five years. But sometimes there are situations when a full redesign is needed. </p>
<p>This is especially true if your WordPress theme is no longer support by its developer. An unsupported theme means your site is at heightened risk for security problems or malware. Outdated or unsupported themes and plugins can also make your site slow and hard to use, turning site visitors—your prospective clients / referral partners / investors, etc—away.</p>
<p>A redesign can fix problems like how your site is organized and how easy it is to navigate from one page to another. Going beyond quick fixes, a redesign ensures your site is modern and stylish, solid, safe, and user-friendly, and aligned with your business goals.</p>
<p>A full redesign also lets you use the newest web tech, making sure your site works well on mobile, is easy to use, and has a better chance of showing up in search engines. This is key for being seen and making a good impression on the web.</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_11">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_12  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_31  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Proactive Steps for Your Digital Presence</h2>
<p>Waiting until your website is a problem can cost you more than business—it can hurt your brand. Just like I needed to upgrade my tools before they became a bigger issue, your website needs regular attention to work well with your ongoing business plans.</p>
<p>To keep your website part of your ongoing business plans, try these steps:</p>
<ul>
<li><b>Conduct Regular Audits</b>: Each year, check how your website&#8217;s doing in terms of performance (site speed), user experience, and where it could get better. It&#8217;s not always easy to &#8216;see&#8217; our own website. So finding a trusted, busy-savvy colleague who understands websites and your business can be a big help.</li>
<li><b>Stay Informed</b>: Keep up with the latest in web design. This helps your site stay relevant and competitive.</li>
<li><b>Allocate Resources</b>: Think of website updates (recommended monthly) and redesigns (to consider every 5+ years) as necessary investments in your business’s infrastructure, just like any other important tool.</li>
</ul></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_32  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Take the Next Step</h2>
<p>If this conversation has you thinking about your website&#8217;s current state, it might be time to dive deeper. I offer a free mini website assessment to see where your site stands and how it may better serve your business. This no-pressure review is all about giving you useful insights and a few ideas for what you can do next.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_33  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Conclusion</h2>
<p><b>Know When It&#8217;s Time to Elevate Your Online Presence.</b> Don&#8217;t let an outdated website hold back the amazing services you offer. Get in touch to set up your free assessment, and let&#8217;s start making your website as dynamic and hardworking as your business.</p>
<p><img decoding="async" src="https://marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png" width="300" height="124" alt="mary-maru-signature" class="wp-image-11851 alignnone size-medium" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png 300w, https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature.png 400w" sizes="(max-width: 300px) 100vw, 300px" /></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/strategy-and-planning/keeping-your-business-at-the-forefront-lessons-from-a-tech-upgrade/">Keeping Your Business at the Forefront: Lessons from a Tech Upgrade</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/strategy-and-planning/keeping-your-business-at-the-forefront-lessons-from-a-tech-upgrade/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>5 Easy Ways to Promote Your Newly Launched Website—Part 1: the Basics</title>
		<link>https://www.marymaru.com/website-marketing/5-easy-ways-to-promote-your-newly-launched-website-part-1-the-basics/</link>
					<comments>https://www.marymaru.com/website-marketing/5-easy-ways-to-promote-your-newly-launched-website-part-1-the-basics/#respond</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Wed, 30 Mar 2022 20:33:45 +0000</pubDate>
				<category><![CDATA[Website Marketing]]></category>
		<guid isPermaLink="false">https://marymaru.com/?p=12337</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/website-marketing/5-easy-ways-to-promote-your-newly-launched-website-part-1-the-basics/">5 Easy Ways to Promote Your Newly Launched Website—Part 1: the Basics</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_9 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_3 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">5 Easy Ways to Promote Your Newly Launched Website—Part 1: the Basics</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_10 blogArticle et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_12">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_13  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_34  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Your website&#8217;s finally launched. Hooray! So now what do you do? To make the phone ring and your email ping, you have to drive traffic to your website by promoting it. Regularly. The question is, where do you start? </p>
<p>Here are some very basic website promotion tactics  for B2B professional service businesses that are relatively easy to implement but easily overlooked.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_35  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Email Signature</h2>
<p>Like a mini billboard for your business, your email signature gives everyone you correspond with by email easy access to your most important contact information including website address. I don&#8217;t know about you, but I more often check someone&#8217;s email signature for current details about their contact information than I do my contact list. </p>
<p>Two options for creating your email signature:</p>
<ul>
<li><span class="bold">The basic option—your current email application</span>. Whether you use <a href="https://support.google.com/mail/answer/8395?co=GENIE.Platform%3DDesktop&#038;hl=en">Gmail</a>, Outlook or <a href="https://support.apple.com/guide/mail/create-and-use-email-signatures-mail11943/mac">Mac Mail </a>, you can set up a plain text email signature directly in your email application. You’ll have somewhat limited design and layout flexibility. But don’t get hung up on the visuals. Plain text and judicious use of text formatting can be more than enough to capture your recipient’s attention. This is a good option for pretty much everyone, especially if you have little information to include in your email signature.</li>
<li><span class="bold">The premium option—an email signature template</span>. Using a service like <a href="https://www.wisestamp.com/">WiseStamp</a> will give your email signature a more designed look. It’s a popular cloud-based service that, because it’s cloud-based and serves your email signature outside of the limitations of your email application, gives you the flexibility to include graphic elements that are difficult to style and control in regular email. This means visuals like your headshot and logo, a full lineup of clickable social media icons, and even banner ads and animations are fair game.
<p>Because WiseStamp has done a great job of designing email signature layouts, this is a great option for anyone who absolutely must include more content in their email signature or just craves a more polished look. </p>
<p>WiseStamp offers a free version and a Pro version. The free version has two different layout choices but includes their branding. For less than $6/mo, the Pro version offers ten layout choices and allows you to remove their branding.</li>
</ul>
<p>Whichever route you decide to take, here are some ideas and tips on what you can include in your email signature.</p>
<p><span class="bold">Email Signature Tips</span></p>
<p>According to WiseStamp, a good email signature includes these five elements:</p>
<ol class="twoCols">
<li>Your full name</li>
<li>Business name</li>
<li>Job title</li>
<li>Business phone</li>
<li>Website address</li>
</ol>
<p>To add extra marketing punch, you can also include one or more of these additional elements:</p>
<ul class="twoCols">
<li>your tagline</li>
<li>value proposition </li>
<li>social media links</li>
<li>a recently won award</li>
<li>link to a recent project</li>
<li>a call-to-action</li>
<li>a bit of visual branding </li>
</ul>
<p>Be careful though. You don’t want add too many details and risk confusing people. </p>
<p>For example, include just one email address and one phone number. Don’t make people figure out what the best way is to reach you. Keep it super simple.</p>
<p>Ultimately, how you set up your signature has to make sense for your business and industry.</p>
<p>What elements will you include?</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_13">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_14  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_36  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Business Card</h2>
<p>Even though, lately, a lot of our interactions are happening virtually, it’s still a good idea to have a tangible, high-quality business card. Face-to-face meetings and conferences are coming back.</p>
<p>Having a clean, high-quality, well-designed business card increases credibility and trust because it shows you’ve taken the time and effort to present yourself and your business professionally to prospective clients and partners. That gesture alone speaks volumes about your brand.</p>
<p>Some tips for what to include on your professional services business card:</p>
<ul class="twoCols">
<li>Full name</li>
<li>Business name</li>
<li>Phone number</li>
<li>Business email address</li>
<li>Website address</li>
<li>Your logo</li>
<li>Your business address</li>
</ul>
<p>Consider including one extra promotional element on your business card like a tagline or a CTA (call-to-action). For example, your CTA could offer an extra bonus when initial complimentary consultations are booked directly on your website. Just be careful here. Freebies in certain professional industries—like law, for example—can cause prospects to perceive your firm as one that competes on price. And that may not be the primary position you want to take. In any case, you want to keep any extra details short and simple.</p>
<p>Small and large teams alike should use the same business card template design across the company.</p>
<p>If you have branded fonts already, great. If not, choose a font that complements your visual brand.</p>
<p>Get your new cards printed professionally on a beautiful, heavy-weight card stock. My favorite business card printer and paper: Moo Super Business Cards in Soft Touch. Like fonts and colors, paper quality is part of your brand. So choose accordingly.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_37  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>vCard</h2>
<p>In my opinion, a very under-utilized piece of marketing collateral is the humble vCard—an electronic business card that, while uncommon among the general population, is still popular among some professional service businesses, especially law firms. Popular address book applications including Mac Contacts, Google Contacts and Outlook Contacts allow you to import and export .vcf files or vCards. </p>
<p>Export your own contact information to share with others. And import their vCard into your address book, automatically populating fields with whatever basic contact information is included in the file. Because vCards limit the content that can be included in them, the guidelines for creating a vCard are basically the same as the ones for creating your email signature in your email application. As always, keep it simple.</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_14">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_15  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_38  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>VoiceMail Greeting or LinkedIn Audio</h2>
<p>An often overlooked promotional opportunity, your recorded voicemail message gives callers the chance to learn a little bit more about your business while they’re waiting to leave you a message. Share the news that you’ve recently relaunched your website and share your website address. Encourage callers to visit the site if they haven’t recently. If your website address doesn’t translate well without a visual, spell it out.<br />
</p>
<ul>
<li>As part of your voicemail greeting or <a href="https://www.linkedin.com/help/linkedin/answer/a550527/record-and-display-your-name-pronunciation-on-your-profile?lang=en">LinkedIn audio branding</a>, invite callers to visit your new website for more information about your business. Write some notes for yourself on what you want to say in your voicemail. Then practice it a few times before hitting the record button. </li>
<li>Make sure your environment is quiet.</li>
<li>Speak clearly and enunciate! We are so used to hearing our own names that many of us speed through saying them. The same goes for our business names. You want people to hear you clearly to help them remember who you are.</li>
<li>Keep your recorded message short and simple—you don’t want to discourage anyone from leaving a message because they got frustrated waiting for your message to end. LinkedIn gives you 10 seconds to record your announcement. Try to keep your voicemail greeting similarly brief. Consider cuing callers at the beginning of your voicemail recording how to bypass your message if it’s a bit longer.</li>
</ul></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_39  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Letterhead</h2>
<p>Like everything else in marketing, letterhead tends to be digital these days. Even so, be sure to add your website address to your letterhead whether it’s printed or electronic. Google Docs, Mac Pages and MS Word all allow you to setup your letterhead using either or both the footer and header of the document so it repeats on each page.</p>
<p>If you choose to design a graphic of your letterhead that you upload to a word processing app, make sure all of the type is legible after you upload it. Also print out a copy to see how it looks on paper. </div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_15">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_16  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_40  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Conclusion</h2>
<p>While many if not all of these ideas may seem obvious, you might be surprised how often these easy website promotion ideas get overlooked.</p>
<p>In Part 2, we&#8217;ll look at the next level of traffic-driving website promotion tactics.</p>
<p><img decoding="async" src="https://marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png" width="300" height="124" alt="mary-maru-signature" class="wp-image-11851 alignnone size-medium" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png 300w, https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature.png 400w" sizes="(max-width: 300px) 100vw, 300px" /></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/website-marketing/5-easy-ways-to-promote-your-newly-launched-website-part-1-the-basics/">5 Easy Ways to Promote Your Newly Launched Website—Part 1: the Basics</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/website-marketing/5-easy-ways-to-promote-your-newly-launched-website-part-1-the-basics/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Protect Your WordPress Website from Getting Hacked with Malware</title>
		<link>https://www.marymaru.com/website-aftercare/what-to-do-to-prevent-your-wordpress-website-from-getting-hacked-with-malware/</link>
					<comments>https://www.marymaru.com/website-aftercare/what-to-do-to-prevent-your-wordpress-website-from-getting-hacked-with-malware/#respond</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Tue, 15 Feb 2022 20:05:15 +0000</pubDate>
				<category><![CDATA[Website Aftercare]]></category>
		<guid isPermaLink="false">https://www.marymaru.com/?p=12670</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/website-aftercare/what-to-do-to-prevent-your-wordpress-website-from-getting-hacked-with-malware/">How to Protect Your WordPress Website from Getting Hacked with Malware</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_11 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_4 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">How to Protect Your WordPress Website from Getting Hacked with Malware</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_12 blogArticle et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_16">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_17  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_41  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">A financial services consultant reached out to me recently after she noticed that her website&#8217;s main navigation looked different.</p>
<p>Instead of seeing the usual Home, About, Services, and Contact page links, there was a new, mysterious link for crypto where the services page link used to be. And in place of the Services page was a cryptocurrency marketplace page.</p>
<p>This was alarming to the financial services consultant because attracting new clients to her business relies so much on trust. Even with her impressive credentials and an impeccable track record, her website was making a different impression about her business. An impression that would likely scare away good prospective clients.</p>
<p>So, what&#8217;s a professional services business to do to protect your website from malware infection? I recommend performing website maintenance every month. If you follow these steps, you&#8217;ll significantly reduce your website&#8217;s exposure to getting hacked.</p>
<h2>Make Website Backups</h2>
<p>Before making any changes to your website, make a full backup. This way, if something goes wrong during your maintenance session, you&#8217;ll have a full copy of your website that you can restore. My favorite tool for making backups is <a href="https://wordpress.org/plugins/all-in-one-wp-migration/">All-in-One WP Migration</a>. It&#8217;s easy to use and creates fully restorable site backups.</p>
<p>You also want to make a full site backup after you&#8217;ve completed your maintenance session so you have a copy of the fully updated version of your website. </p>
<p>Another situation that calls for creating a website backup is after making extensive edits to your site. And, by extensive, I mean any amount of edits that you wouldn&#8217;t want to have to recreate if something were to go wrong.</p>
<h2>Install a Security Plugin</h2>
<p>Keeping your website safe and secure is easier when it&#8217;s monitored 24/7 automatically. One popular security plugin and my favorite is <a href="https://www.wordfence.com/products/wordfence-free/">Wordfence</a>. It is easily programmed to email you alerts whenever your website software becomes outdated or if there are any widespread WordPress issues that could potentially affect your website. </p>
<p>It&#8217;ll also send you reports showing if anyone&#8217;s tried to log into your site, and if there&#8217;s unusual activity from a particular country or IP address.</p>
<h2>Update Plugins</h2>
<p>Speaking of plugins, like Wordfence, there are many different plugins you can install on your website to allow for added functionality. You want to keep the number of plugins on your site to a minimum to reduce unnecessary security exposure. And make sure to update plugins when new versions are released. </p>
<p>I like to keep a record of plugin versions as I update them so if anything goes wrong—either during maintenance or shortly after my maintenance session—I&#8217;ll know what the last version is that worked and can revert back to it if I have to during troubleshooting.</p>
<h2>Update WordPress</h2>
<p>WordPress issues updates several times a year in response to security issues and also to enhance functionality of the core software. While it&#8217;s probably okay to allow minor updates to happen automatically, major updates come with a greater risk of breaking your site. So I recommend making major WordPress updates manually so you can do a careful inspection of your website during your maintenance session and make corrections on the spot.</p>
<h2>Update Themes</h2>
<p>Many websites are built using a WordPress theme with varying degrees of customization. If you&#8217;re running a small professional service firm, chances are, your website was built using a theme. Like WordPress and plugins, theme developers (the good ones, anyway) are constantly updating their applications with improved functionality and better security.  </p>
<p>Whenever you do site maintenance you want to check for theme updates and make them when they&#8217;re available. Also, keep track of version numbers so you can revert back if something goes wrong.</p>
<h2>Keep Your Website Secure with SSL</h2>
<p>Does your website&#8217;s URL start with https? If yes, then it has an active SSL certificate in place. If your website URL doesn&#8217;t have the &#8216;s&#8217;, it indicates that there isn&#8217;t a valid SSL certificate. </p>
<p>While SSL certificates are ubiquitous these days, I still occasionally come across websites that don&#8217;t have one. The way I can tell? Besides the missing &#8216;s&#8217; most major browsers—Chrome, Safari, Firefox—flag websites as non-secure when they don&#8217;t have an active SSL certificate. </p>
<p>As a professional service business, you don&#8217;t want your website flagged as non-secure, especially if you&#8217;re collecting visitor contact information or processing any kind of payments. Put yourself in your prospective clients&#8217; shoes and ask yourself, If you were looking for legal advice or seeking financing or marketing consulting, how would you feel about hiring a firm with a website that&#8217;s been flagged &#8216;non-secure&#8217;? Would you trust that firm to help solve your issue? How about your ideal client? Would they shrug and call you anyway? Or keep looking for another professional service provider with an unquestionable website?</p>
<h2>Conclusion</h2>
<p>Having a website to promote your professional service business is a must. And like anything else on the internet, there are security risks. Malware bots are programmed to look for easy ways to breach websites. This means websites running outdated software—plugins, themes, WordPress—or that don&#8217;t have a current SSL certificate are all at risk.</p>
<p>You can largely avoid a malware infection by keeping your website updated with regularly scheduled maintenance. This not only keeps your website secure but has the added benefit of improving site functionality and can help sustain the intended look and design of your website.</p>
<p>But if taking the steps to keep your website up-to-date seems like more than you or your team are interested in handling yourselves, get in touch to find out about my Web Concierge Aftercare service. I can take this tedious but important security task off your plate while you keep your focus on your genius work.</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_17">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_18  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_42  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><img decoding="async" src="https://marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png" width="300" height="124" alt="mary-maru-signature" class="wp-image-11851 alignnone size-medium" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png 300w, https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature.png 400w" sizes="(max-width: 300px) 100vw, 300px" /></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/website-aftercare/what-to-do-to-prevent-your-wordpress-website-from-getting-hacked-with-malware/">How to Protect Your WordPress Website from Getting Hacked with Malware</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/website-aftercare/what-to-do-to-prevent-your-wordpress-website-from-getting-hacked-with-malware/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Increase Visits to Your Firm&#8217;s Website with Backlinks</title>
		<link>https://www.marymaru.com/website-marketing/how-to-increase-visits-to-your-firms-website-with-backlinks/</link>
					<comments>https://www.marymaru.com/website-marketing/how-to-increase-visits-to-your-firms-website-with-backlinks/#comments</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Tue, 04 Jan 2022 20:50:35 +0000</pubDate>
				<category><![CDATA[Website Marketing]]></category>
		<guid isPermaLink="false">https://www.marymaru.com/?p=12604</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/website-marketing/how-to-increase-visits-to-your-firms-website-with-backlinks/">How to Increase Visits to Your Firm&#8217;s Website with Backlinks</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_13 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_5 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">How to Increase Visits to Your Firm&#8217;s Website with Backlinks</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_14 blogArticle et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_18">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_19  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_43  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">If you&#8217;re trying to drive more traffic to your website (and who isn&#8217;t!) one of the most impactful things you can do is to regularly produce and post articles and other content demonstrating your subject matter expertise.</p>
<p>The truth is, we don&#8217;t always have time to write a thoughtful article (guilty here).</p>
<p>So another tactic that&#8217;s easier, faster and a good complement to article writing is to leave comments on other websites—specifically, on industry blogs.</p>
<h2>How to Leave Comments on Industry Blogs—The Step&nbsp;by&nbsp;Step</h2>
<ul>
<li>Find relevant industry blogs where your ideal clients, potential investors, and/or strategic partners go for information.</li>
<li>Choose a topically relevant recent article where you feel you can add value.</li>
<li>Write a brief comment or pose a question that shows your expertise (but don&#8217;t blatantly promote your business or your comment might get flagged as spam).</li>
<li>Use your full name in the name field (and don&#8217;t try to SEO optimize here because it could also get your comment flagged).</li>
<li>Use a real email address in the email field and make sure that email is connected to a <a href="https://en.gravatar.com">Gravatar</a>.</li>
<li>Use your full URL (including the https://) so your name links back to your website. For firms that have individual bio webpages, you can link directly to yours or another relevant webpage instead of the homepage (if it makes sense).</li>
</ul>
<h2>Benefits of Leaving Comments on Industry Blogs</h2>
<ul>
<li>It&#8217;s easier and faster than producing your own content.</li>
<li>It opens up opportunities to engage with other thought leaders in your industry who you may not have had the chance to engage with otherwise.</li>
<li>It can help drive new traffic to your website.</li>
<li>It can help increase brand awareness.</li>
</ul>
<p>Sources: Neil Patel&#8217;s &#8216;<a href="https://neilpatel.com/blog/8-blog-commenting-mistakes-you-need-to-avoid-at-all-costs/">8 Blog Commenting Mistakes You Need to Avoid at All Costs</a>&#8216;; Leanne Wong&#8217;s &#8216;<a href="https://www.leannewong.co/blog-comments-seo-link-building/?utm_source=pocket_mylist">Blog Comments and SEO: Backlink Benefits &#038; What to Avoid (2022)</a>&#8216;</p>
<h2>Conclusion</h2>
<p>If you want to attract more quality traffic to your website, you have to make the time and effort to regularly produce quality content for your website. Because nothing is better for your SEO.</p>
<p>This means blocking time off on your busy schedule to produce informational articles, engaging videos or whatever your ideal clients want to interact with most when it comes to businesses like yours.</p>
<p>Another tactic that can help drive traffic to your website is to leave comments on blogs that align with your business niche. While it&#8217;s not as effective as publishing content on your own website, it&#8217;s easier and quicker, and can fill in the gaps when you&#8217;re super busy.</p>
<p>If you&#8217;d like to discuss basic SEO for your business website, let me know!</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_19">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_20  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_44  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><img decoding="async" src="https://marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png" width="300" height="124" alt="mary-maru-signature" class="wp-image-11851 alignnone size-medium" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png 300w, https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature.png 400w" sizes="(max-width: 300px) 100vw, 300px" /></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/website-marketing/how-to-increase-visits-to-your-firms-website-with-backlinks/">How to Increase Visits to Your Firm&#8217;s Website with Backlinks</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/website-marketing/how-to-increase-visits-to-your-firms-website-with-backlinks/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>How to Take Photos for Your Landscape Architecture Website</title>
		<link>https://www.marymaru.com/design/how-to-take-photos-for-your-landscape-architecture-website/</link>
					<comments>https://www.marymaru.com/design/how-to-take-photos-for-your-landscape-architecture-website/#respond</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Wed, 14 Apr 2021 22:03:28 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<guid isPermaLink="false">https://marymaru.com/?p=12275</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/design/how-to-take-photos-for-your-landscape-architecture-website/">How to Take Photos for Your Landscape Architecture Website</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_15 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_6 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">How to Take Photos for Your Landscape Architecture Website</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_16 blogArticle et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_20">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_21  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_45  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Taking beautiful photography for your website is a great way to showcase your landscape architecture business. And there&#8217;s no question that the quality of your photos will increase the marketability of your projects.</p>
<p>With that in mind, I recommend you work with a professional photographer. Choose one who has experience shooting landscape architecture and also knows how to create compositions for modern websites.</p>
<p>When your professional creative skills include photography, there&#8217;s no reason why you can&#8217;t take many of your website photos yourself. You&#8217;re at your client sites and have the opportunity to do so, after all. And with these tips, you&#8217;ll be better prepared to capture your amazing work beautifully.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_46  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Photo Layouts for Modern Websites</h2>
<p>First, understand that modern websites use a variety of layouts and compositions to create visual interest. Three of those layouts include:</p>
<p></p>
<ul>
<li><span class="bold">Hero Shots</span> like you might see at the top of a homepage. These photos often take up the full screen when you land on a website. Of course this is a very important photo&#8230;maybe the most important on your website. But try not to worry about it. That&#8217;s way too much pressure. Just make sure you have an ample amount of photos that we can choose from to create your website.</li>
<li><span class="bold">Wide Shots</span> that you might see at the top of secondary website pages or as part of a portfolio.</li>
<li><span class="bold">Run of Site Shots</span> that might appear within the body of webpages at 3/4 the width of the page and smaller. These might also be used in a portfolio.</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_21">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_22  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_47  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>How To Take Photos for Your Website</h2>
<p>Next, some photo tips that apply specifically to  website photography.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_48  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Hero Shots and Other Wide Shots</h3>
<ul>
<li>Shoot with a DSLR for the best quality images.</li>
<li>Use a wide lens to capture as much of the landscape as possible.</li>
<li>Use a tripod to keep the camera steady for the sharpest quality photos.</li>
<li>Take all hero shots in landscape.</li>
<li>After you take the shots you want, take a few steps back to stand farther away from the subject than you might think, and take some more. Modern website design uses full-width layouts which means using photos that are much wider than they are tall. <br />
Having extra space on the top and bottom of your photos gives us the flexibility to crop them to make the photos appear even wider.</li>
<li>Also take closeups to capture details of plants, built items and decorations.</li>
</ul>
<h3> Run of Site Shots</h3>
<ul>
<li>Take a variety of landscape and portrait photos.</li>
<li>Use either your DSLR or iPhone, but the DSLR is almost always going to produce better results.</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_22">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_23  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_49  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>General Photo Tips</h2>
<p>Lastly, here are some general tips on how to prep for and take photos to make your website interesting and visually impactful.</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_50  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Have a plan</h3>
<ul>
<li>Create a must-have list of shots before your shoot.</li>
<li>Sketch out some thumbnails of your ideas.</li>
<li>Also take impromptu shots when you&#8217;re on site.</li>
<li>When you think you&#8217;ve taken enough photos, take 5 more.</li>
</ul>
<h3>Composition</h3>
<ul>
<li>Produce a variety of compositions using the rule of thirds, centered composition, diagonals and triangles, foreground interest and depth, rule of odds, etc.</li>
<li>Take photos from different perspectives: consider using a stepladder, or placing the camera low to the ground to create interest.</li>
<li>Pay attention to vertical lines (like on buildings) and horizontal lines (like the horizon) and try to keep them vertically and horizontally straight.</li>
<li>Consider including people into the landscape to communicate the usage and scale of the space; make sure they&#8217;re appropriately dressed for the environment.</li>
<li>Take both wide shots that take in the whole scene and closeups to capture the details.</li>
</ul>
<div id="attachment_12299" style="width: 1090px" class="wp-caption alignnone"><img decoding="async" aria-describedby="caption-attachment-12299" src="https://marymaru.com/wp-content/uploads/2021/04/lavendar-detail.jpg" width="1080" height="575" alt="lavendar-detail" class="wp-image-12299 size-full" srcset="https://marymaru.com/wp-content/uploads/2021/04/lavendar-detail.jpg 1080w, https://marymaru.com/wp-content/uploads/2021/04/lavendar-detail-980x522.jpg 980w, https://marymaru.com/wp-content/uploads/2021/04/lavendar-detail-480x256.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw" /><p id="caption-attachment-12299" class="wp-caption-text">Photo by <a href="https://unsplash.com/@stayandroam?utm_source=unsplash&#038;utm_medium=referral&#038;utm_content=creditCopyText">Gemma Evans</a> on <a href="https://unsplash.com/collections/69886384/english-garden?utm_source=unsplash&#038;utm_medium=referral&#038;utm_content=creditCopyText">Unsplash</a></p></div>
<h3>Orientation</h3>
<ul>
<li>Take more landscape photos than portrait.</li>
<li>For every 5–10 landscape photos, take 1 portrait.</li>
</ul>
<h3>Quality</h3>
<ul>
<li>Use the highest resolution setting available on your camera.</li>
<li>Use a tripod to capture the sharpest photos.</li>
</ul>
<h3>Lighting</h3>
<ul>
<li>While having a handful of photos taken on bright sunny days is okay, you want to mostly avoid taking photos at midday (unless it&#8217;s overcast).</li>
<li>For the best lighting, take photos within 2–3 hours of dawn or dusk.</li>
<li>Take photos on cloudy days for a softer &#8220;diffused&#8221; light and better details.</li>
<li>Take advantage of &#8216;bad&#8217; weather to allow nature to express visual mood. Take photos just after it&#8217;s rained for more saturated color and reflections or when it&#8217;s foggy to create interesting highlights and shadows. Freshly fallen snow and ice-covered branches create beautiful effects, too.</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_23">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_24  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_51  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Conclusion</h2>
<p>It&#8217;s a good idea to take photos of your landscape architecture projects for marketing purposes. You can use them on your website, printed marketing collateral and on social media. You want to make sure the photos you take are high-resolution shots including lots of details and in a variety of compositions—both wide and closeup—and with a variety of lighting environments to create the most visual interest. Practice! And follow cues from aspirational websites in your field.</p>
<p>Also, I know many very talented photographers in the New York Metro area. You could also consider hiring a professional photographer to shoot one or two projects to showcase a particularly special job or to feature as your home hero image and still have plenty of room for your own photographic masterpieces.</p>
<p><img decoding="async" src="https://marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png" width="300" height="124" alt="mary-maru-signature" class="wp-image-11851 alignnone size-medium" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png 300w, https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature.png 400w" sizes="(max-width: 300px) 100vw, 300px" /></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/design/how-to-take-photos-for-your-landscape-architecture-website/">How to Take Photos for Your Landscape Architecture Website</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/design/how-to-take-photos-for-your-landscape-architecture-website/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The Secret to Hiring the Right Web Designer / Web Developer</title>
		<link>https://www.marymaru.com/strategy-and-planning/the-secret-to-hiring-the-right-web-designer-web-developer/</link>
					<comments>https://www.marymaru.com/strategy-and-planning/the-secret-to-hiring-the-right-web-designer-web-developer/#comments</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Tue, 04 Aug 2020 00:01:21 +0000</pubDate>
				<category><![CDATA[Strategy & Planning]]></category>
		<guid isPermaLink="false">https://marymaru.com/?p=11712</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/strategy-and-planning/the-secret-to-hiring-the-right-web-designer-web-developer/">The Secret to Hiring the Right Web Designer / Web Developer</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_17 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_7 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">The Secret to Hiring the Right Web Designer / Web Developer</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_18 twoColBlogInfographic blogArticle et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_24">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_25  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_52  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Web Designer, Web Developer … What’s the Difference?</h2>
<p>Even though websites are a common marketing channel in a business&#8217;s overall marketing plan, there&#8217;s still so much about them that&#8217;s mysterious.</p>
<p>In this article, we&#8217;re going to look at solving the mysteries around the people—the web designers, web developers and other fine folks who produce the various bits and bytes that go into a professional business website in WordPress.</p>
<p>Because if you&#8217;re running a law firm, a marketing consultancy or own a small- to medium-sized professional services business you&#8217;ve already got your hands full, right?</p>
<p>Some things to keep in mind before moving on to the main event.</p>
<h2>Web Design Project Caveats</h2>
<ul>
<li>Unless you&#8217;re a big business, you&#8217;re not going to need all of these people. (Phew!)</li>
<li>Because titles are used inconsistently in the web industry, you want to focus more on the skillsets and deliverables that make sense for your unique project. And then, when you&#8217;re ready to hire someone, you&#8217;ll know what to ask for to make sure your bases are covered.</li>
<li>Since every web design project has its own unique scope of work based on the client&#8217;s requirements, the skillsets or teams needed may be different, too.</li>
<li>I&#8217;m presenting the Web Designer, Web or Brand Strategist, and Search Engine Optimization (SEO) Specialist first because it is one of these people you&#8217;ll most likely hire to get your website project done. Their order doesn&#8217;t imply importance or when they&#8217;d come into play during the project, necessarily.</li>
<li>The Developer, Photographer, Copywriter and Web Host are usually coordinated by whatever web business you hire (referenced in the point just above).</li>
</ul>
<h2>Making the Case for Hybrid Designers</h2>
<p>While some designers and developers stay in their own lane as specialists, many others (including yours truly) take a hybrid approach, happily doing design and also a variety of other things to help their clients get their websites and other visual marketing communications done.</p>
<p>Some big design and tech companies refer to this as being a T-shaped (or more recently, V-shaped) professional.</p>
<p>Taking me as an example, I&#8217;m primarily a website strategist and designer who also has hands-on skills in web development, basic SEO and project management. I also do visual branding, graphic design and have expertise in marketing promotions.</p>
<h2>The Website Makers</h2>
<p>Here&#8217;s a roster of the people and businesses that contribute their skills and expertise toward producing a professional business website in WordPress.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_25 custom_row et_pb_equal_columns">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_26  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_53 alignRight  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>WEB or BRAND STRATEGIST</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_54 alignRight  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Works closely with the client through a Discovery process to clarify website marketing goals, ideal clients and competition. Understands how a business website can fit within a bigger marketing plan. Produces a Creative Brief or Brand Strategy as a roadmap to leverage the website to help achieve client goals. May also do web copywriting or partner with a copywriter.</div>
			</div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_27  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_2">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="412" height="410" src="https://marymaru.com/wp-content/uploads/2020/07/web-strategist.jpg" alt="web strategist" title="web strategist" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/web-strategist.jpg 412w, https://www.marymaru.com/wp-content/uploads/2020/07/web-strategist-300x300.jpg 300w, https://www.marymaru.com/wp-content/uploads/2020/07/web-strategist-150x150.jpg 150w" sizes="(max-width: 412px) 100vw, 412px" class="wp-image-11726" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_26 custom_row et_pb_equal_columns">
				<div class="et_pb_column et_pb_column_2_5 et_pb_column_28 second-on-mobile  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_3 floatRight">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="412" height="411" src="https://marymaru.com/wp-content/uploads/2020/07/seo-digital-marketer.jpg" alt="seo digital marketer" title="seo digital marketer" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/seo-digital-marketer.jpg 412w, https://www.marymaru.com/wp-content/uploads/2020/07/seo-digital-marketer-300x300.jpg 300w, https://www.marymaru.com/wp-content/uploads/2020/07/seo-digital-marketer-150x150.jpg 150w" sizes="(max-width: 412px) 100vw, 412px" class="wp-image-11721" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_3_5 et_pb_column_29 first-on-mobile  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_55  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>SEO / DIGITAL MARKETER</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_56  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Creates and executes the SEO strategy to help get websites found in organic search results by targeted audiences. Bases their strategy on modern SEO best practices that currently favor content marketing. </p>
<p>Sometimes confused with SEO, Search Engine Marketing (SEM) is paid advertising like Google Ads (fka Google Adwords). SEM is arguably less effective for website conversions than SEO.</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_27 custom_row et_pb_equal_columns">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_30  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_57 alignRight  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>WEB DESIGNER</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_58 alignRight  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Creates the concepts, artwork and layouts for websites. Bases the visual aesthetic on the client&#8217;s existing visual brand (logo, color scheme, fonts), creative brief and meetings with the client. Produces a web design mockup that is handed over to a Web Developer for coding.</p>
<p>Other titles you might encounter that do web design work include: Brand Designer (specializes in creating the overall look for a company including logo design and visual identity); Graphic Designer (specializes in print); UX/UI Designer (primarily designs web and mobile products and apps based on research that prioritizes the user) and Visual Designer (creates the concepts and layouts for larger scale digital product briefs).</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_31  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_4">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="412" height="410" src="https://marymaru.com/wp-content/uploads/2020/07/web-designer.jpg" alt="web designer " title="web designer" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/web-designer.jpg 412w, https://www.marymaru.com/wp-content/uploads/2020/07/web-designer-300x300.jpg 300w, https://www.marymaru.com/wp-content/uploads/2020/07/web-designer-150x150.jpg 150w" sizes="(max-width: 412px) 100vw, 412px" class="wp-image-11715" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_28 custom_row et_pb_equal_columns">
				<div class="et_pb_column et_pb_column_2_5 et_pb_column_32 second-on-mobile  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_5 floatRight">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="412" height="413" src="https://marymaru.com/wp-content/uploads/2020/08/project-manager.jpg" alt="project manager" title="project manager" srcset="https://www.marymaru.com/wp-content/uploads/2020/08/project-manager.jpg 412w, https://www.marymaru.com/wp-content/uploads/2020/08/project-manager-300x300.jpg 300w, https://www.marymaru.com/wp-content/uploads/2020/08/project-manager-150x150.jpg 150w" sizes="(max-width: 412px) 100vw, 412px" class="wp-image-11975" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_3_5 et_pb_column_33 first-on-mobile  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_59  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>PROJECT MANAGER</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_60  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Oversees the project, making sure the client and everyone on the team knows what to do and knows by when to do it. Keeps the project moving forward using appropriate tools and status reports so it’s done within scope, timeline and budget. (I love doing this for my clients.)</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_29 custom_row et_pb_equal_columns">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_34  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_61 alignRight  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>WEB COPYWRITER </h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_62 alignRight  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Writes marketing copy for the website including headlines, calls-to-action and captions. Understands website reading behavior and uses techniques that grab attention and accommodate skimming and scanning. May collaborate with the client and designer on brand strategy and be familiar with UX,  SEO and/or the StoryBrand&nbsp;method.</div>
			</div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_35  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_6">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="412" height="410" src="https://marymaru.com/wp-content/uploads/2020/07/web-copywriter.jpg" alt="web copywriter" title="web copywriter" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/web-copywriter.jpg 412w, https://www.marymaru.com/wp-content/uploads/2020/07/web-copywriter-300x300.jpg 300w, https://www.marymaru.com/wp-content/uploads/2020/07/web-copywriter-150x150.jpg 150w" sizes="(max-width: 412px) 100vw, 412px" class="wp-image-11722" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_30 custom_row et_pb_equal_columns">
				<div class="et_pb_column et_pb_column_2_5 et_pb_column_36 second-on-mobile  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_7 floatRight">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="412" height="410" src="https://marymaru.com/wp-content/uploads/2020/07/web-photographer.jpg" alt="web photographer" title="web photographer" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/web-photographer.jpg 412w, https://www.marymaru.com/wp-content/uploads/2020/07/web-photographer-300x300.jpg 300w, https://www.marymaru.com/wp-content/uploads/2020/07/web-photographer-150x150.jpg 150w" sizes="(max-width: 412px) 100vw, 412px" class="wp-image-11725" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_3_5 et_pb_column_37 first-on-mobile  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_63  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>WEB PHOTOGRAPHER</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_64  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Stages and takes photos of the client, their team and products to support the visual brand. Composes images to work in responsive website layouts. Collaborates with the designer and client to create a must-have list of shots. Works with a stylist. Does photo editing and corrections.</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_31 custom_row et_pb_equal_columns">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_38  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_65 floatRight  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>WEB DEVELOPER </h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_66 floatRight  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Takes the mockup created by the Web Designer and writes the code that brings it to life. Makes decisions about the best tech to use to make design, interactions and third-party integrations work (like mailing list management or inbound marketing platforms). Tests the site for quality assurance and launches it to the web server. Troubleshoots and fixes any technical issues.</p>
<p>Other titles you may encounter that do web development work include: full-stack developer (expertise in a full range of web coding languages), front-end developer (designs websites and writes markup code), back-end developer (works with complex website functions like databases).</div>
			</div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_39  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_8">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="412" height="410" src="https://marymaru.com/wp-content/uploads/2020/08/web-developer.jpg" alt="web developer" title="web developer" srcset="https://www.marymaru.com/wp-content/uploads/2020/08/web-developer.jpg 412w, https://www.marymaru.com/wp-content/uploads/2020/08/web-developer-300x300.jpg 300w, https://www.marymaru.com/wp-content/uploads/2020/08/web-developer-150x150.jpg 150w" sizes="(max-width: 412px) 100vw, 412px" class="wp-image-11973" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_32 custom_row et_pb_equal_columns">
				<div class="et_pb_column et_pb_column_2_5 et_pb_column_40 second-on-mobile  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_9 floatRight">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="412" height="410" src="https://marymaru.com/wp-content/uploads/2020/07/web-host.jpg" alt="web host" title="web host" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/web-host.jpg 412w, https://www.marymaru.com/wp-content/uploads/2020/07/web-host-300x300.jpg 300w, https://www.marymaru.com/wp-content/uploads/2020/07/web-host-150x150.jpg 150w" sizes="(max-width: 412px) 100vw, 412px" class="wp-image-11724" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_3_5 et_pb_column_41 first-on-mobile  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_67  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>WEB HOST</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_68  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Manages the web server where the website lives, focusing on speed and safety. The web host can also manage domain name registration, email services and the Domain Name System (DNS), but I recommend using at least two different companies to manage these services to avoid a complete shutdown of services if something were to go wrong. My preferred web host is <a href="https://www.siteground.com/recommended?referrer_id=7594648">SiteGround</a>.  (I get a small credit if you use my referral link.)</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_33">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_42  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_69  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Conclusion</h2>
<p>As a small- to medium-sized professional services business owner or marketer, you want to focus more on the skillsets and deliverables website pros promise to bring to your unique project and less on their titles. </p>
<p>We&#8217;re not trying to solve the common malpractice of using Web Designer and Web Developer interchangeably. We simply want to have clarity around the variety of people who work on a website and what they can deliver toward your unique project so you can formulate the right questions to ask and, ultimately, make a smart decision about who to hire.</p>
<p>And again, unless you&#8217;re here representing big business, chances are, your project won&#8217;t require working with more than one web design business, or a handful of specialists if you&#8217;re project managing the job yourself. </p>
<p>Your best bet? Look for people with hybrid skillsets who can fulfill more than one role and/or have the connections to bring in talent as needed. Or be prepared to fulfill some of the work yourself.</p>
<p><img decoding="async" src="https://marymaru.com/wp-content/uploads/2020/07/mary-maru-signature.png" width="400" height="165" alt="mary-maru-signature" class="wp-image-11851 alignnone size-full" srcset="https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature.png 400w, https://www.marymaru.com/wp-content/uploads/2020/07/mary-maru-signature-300x124.png 300w" sizes="(max-width: 400px) 100vw, 400px" /></p>
<p>PS: If you read through this and are still like, What? &#8230;give me a shout.</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/strategy-and-planning/the-secret-to-hiring-the-right-web-designer-web-developer/">The Secret to Hiring the Right Web Designer / Web Developer</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/strategy-and-planning/the-secret-to-hiring-the-right-web-designer-web-developer/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Scary Websites</title>
		<link>https://www.marymaru.com/website-review/scary-websites/</link>
					<comments>https://www.marymaru.com/website-review/scary-websites/#respond</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Tue, 27 Nov 2018 01:59:03 +0000</pubDate>
				<category><![CDATA[Website Review]]></category>
		<guid isPermaLink="false">http://marymaru.com/?p=10516</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/website-review/scary-websites/">Scary Websites</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_19 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_8 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Scary Websites</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_20 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_34">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_43  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_70  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Scary Websites Video &#038; Transcript</h2></div>
			</div><div class="et_pb_module et_pb_video et_pb_video_0">
				
				
				
				
				<div class="et_pb_video_box"><iframe title="scary websites by mary maru design" width="1080" height="608" src="https://www.youtube.com/embed/M7dg9HCIURM?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_71  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Scary Websites video transcript</h2>
<p>Hi. I’m Mary Maru. Owner and lead designer here at Mary Maru Design where I create marketing-smart WordPress websites that my small business clients love. Because it helps them establish credibility, starts more conversations and converts more casual visitors into raving fans.</p>
<p>Today, I’m going to talk about 3 common mistakes small businesses are making with their websites and ideas for how I would fix them.</p>
<p>This is a remake of a presentation I gave this summer at my BNI chapter. And I thought you guys might find it helpful too.</p>
<p>Let’s dig in.</p>
<p><strong>Mistake #1&#8230;THE DIY WEBSITE</strong></p>
<p>This DIY example is for Suzanne Collins. Suzanne wrote the Hunger Games series.</p>
<p><em>Some of the biggest mistakes I see on this website:</em></p>
<ul>
<li>First and foremost: her website isn’t mobile friendly. Given that her audience is probably on the younger side, starting in their teens, having a website that works well on mobile devices seems like a no brained.</li>
<li>Also, the site looks really DIY and unprofessional, not to mention seriously outdated. There’s no sense of design or branding at all.</li>
<li>In her welcome message, she invites people to ‘click around’ to find out a little more about her books. The problem is, the closest link to click on leads away from her website to go someplace else. And I just got here!</li>
<li>There’s no engagement with her readers. It’s just a long list of publisher’s quotes and book covers.</li>
<li>Her bookseller links go to the bookseller’s homepage where there’s lots of fun and interesting looking items to get distracted with. And none of them has anything to do with the Hunger Games.</li>
</ul>
<p><em>What I would do to make this website better:</em></p>
<ol>
<li>First, I’d make the website mobile friendly</li>
<li>I’d also make the page layouts more visually appealing and modern and use a mix of full-width images of Suzanne and other visuals that fit within the Hunger Games brand.</li>
<li>I’d create more engagement with readers with a fun fan club where fans can join a community of other raving fans and talk about cools things from the Hunger Games.</li>
<li>While her fanbase is still hot, I’d collect email addresses into a mailing list to stay in touch and create buzz and excitement around any new stories or events. This way if she finds herself with a bad case of writer’s block, she can still reach out to people who love her work and might want to buy something from her.</li>
<li>Instead of linking to bookseller’s homepages, I’d make sure the link went straight to SUZANNE’S page on the bookseller’s website where all of her books are displayed. This way all the reader has to do is click the order button.</li>
</ol>
<p><strong>Mistake #2&#8230;the VISUAL VERTIGO website</strong></p>
<p>I’ve gone to several art and design schools, like FIT, the Arts Students League and School of Visual Arts. All really great schools.</p>
<p>So when I went to check out the Yale School of Art’s website, I was pretty shocked to see the gratuitous use of animation. Everywhere. On every page. This is YALE you guys. Ivy League.</p>
<p><em>Here’s the rundown on some of the mistakes I see:</em></p>
<ul>
<li>Gratuitous use of animation on the Admissions page. Now, if I were a parent that was about to shell out over $40 grand per year in tuition for my kid to go to this school, I don’t think it would help my decision-making to be distracted by all this visual vertigo.</li>
<li>There are long passages of boring text that’s hard to read</li>
<li>A cramped navigation</li>
<li>Gratuitous use of distracting animations throughout the site</li>
<li>And, like Suzanne’s website, this one isn’t mobile friendly</li>
</ul>
<p><em>Some things I would do to make this website better:</em></p>
<ol>
<li>I’d get rid of all of the tiled-background animations and put them on a Student Exhibits page where these videos can live as a contained series along with other student art samples</li>
<li>After the background animations are removed and a plain background is in place, I’d present a small gallery of photos showing students creating art in the studio and interacting with teachers and also show a few samples of student artwork with a link to the new Student Exhibits page for people who want to see more. This would give prospective new students and her parents an idea of what they might expect if s/he were to study here.</li>
<li>I’d use standard graphic design principles like visual hierarchy, white space, and typography to make long passages of text easier to read and to draw the eye forward.</li>
<li>I’d simplify the site navigation into a parent section of just 4 or 5 tabs and nestle related topics beneath them to make it easier and faster for visitors to find what they’re looking for</li>
<li>And I’d make the website mobile friendly</li>
</ol>
<p><strong>Mistake #3…THE GHOST TOWN WEBSITE</strong></p>
<p>A Ghost Town website is one that was launched a year or more ago and hasn’t been revisited by its owner since. Dates are out of date and it looks like no one’s home or cares about the business.<br />
Let’s look at this website for a commercial and residential remodeling business.</p>
<p><em>Some of the mistakes I see:</em></p>
<ul>
<li>The work samples are nice. But they’re too small and too few.</li>
<li>The layout looks dated—especially for a business that relies heavily on appearance. Though honestly, whose business doesn’t depend on having a good appearance in one way or another?</li>
<li>The Facebook share buttons are occupying prime real estate at the top of the page and one of them doesn’t work. If it did, it would take you to Facebook instead of keeping you engaged on the website.</li>
<li>The bathroom remodeling award is nice but there’s too much emphasis on this 6-year-old recognition. And there are no related portfolio samples for any bathroom remodeling projects, making the award seem even less relevant.</li>
<li>In the Company updates and site information section the most recent entry is from October 2011!</li>
<li>This is another website that isn’t mobile friendly</li>
</ul>
<p><em>Some of the things I would do to make this website better:</em></p>
<ol>
<li>I’d create a section of full size work samples to make it easier for visitors to see and immerse themselves in the contractor’s best work</li>
<li>I’d fix the Facebook share buttons and move them away from the top of the page to a less prominent location. </li>
<li>I’d add marketing copy just below the work samples to help his ideal clients relate to the problems he’s solving for his customers. For example, he might say, Are you a homeowner, tired of your nasty old bathroom tile and stained sink? Wouldn’t you love to have a beautiful new bathroom so that when company comes over you don’t have to give them a long list of instructions like jiggle the handle or be careful of that loose floor tile?</li>
<li>I’d add professionally photographed before and afters of the bathroom remodels since that’s what this contractor won an award for. He should be leveraging the shit out of that award before its shelf life expires, which is very very soon if not already in some people’s eyes.</li>
<li>I’d make this website mobile friendly</li>
</ol>
<p><strong>To wrap up…</strong></p>
<p>Your website is like your office where your clients come to see you.</p>
<p>If you have a physical office space, you want it to be professional, welcoming, clean, uncluttered.</p>
<p>You want your office space–and you want your website–to earn you points in credibility and trust and to fit what’s expected for your profession and your stature. Better yet, EXCEED what’s expected and you’ll get more business. Design really works.</p>
<p>What kind of website mistakes have caught your eye recently? Share them in the comments.</p>
<p>Thanks for watching and see you next time!</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/website-review/scary-websites/">Scary Websites</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/website-review/scary-websites/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Prep Images for Your Website Using Photoshop</title>
		<link>https://www.marymaru.com/techtalk/how-to-prep-images-for-your-website-using-photoshop-cc/</link>
					<comments>https://www.marymaru.com/techtalk/how-to-prep-images-for-your-website-using-photoshop-cc/#respond</comments>
		
		<dc:creator><![CDATA[marymaru]]></dc:creator>
		<pubDate>Fri, 19 Oct 2018 23:14:50 +0000</pubDate>
				<category><![CDATA[TechTalk]]></category>
		<guid isPermaLink="false">http://marymaru.com/?p=10484</guid>

					<description><![CDATA[<p>The post <a href="https://www.marymaru.com/techtalk/how-to-prep-images-for-your-website-using-photoshop-cc/">How to Prep Images for Your Website Using Photoshop</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_21 et_pb_with_background et_pb_fullwidth_section et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_module et_pb_fullwidth_post_title_9 et_pb_post_title  et_pb_text_align_center et_pb_bg_layout_dark et_pb_image_above"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">How to Prep Images for Your Website Using Photoshop</h1>
				</div>
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_22 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_35">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_44  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_72  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>How to Prep Images for Your Website Using Photoshop—Video &#038; Transcript</h2></div>
			</div><div class="et_pb_module et_pb_video et_pb_video_1">
				
				
				
				
				<div class="et_pb_video_box"><iframe title="how to prep images for the web" width="1080" height="608" src="https://www.youtube.com/embed/0bHCWvOmk3I?feature=oembed"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_73  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Transcript for How to Prep Images for Your Website Using Photoshop.</h2>
<p>Hey it’s Mary Maru. And today I want to show you how I crop and optimize stock images for a Divi website.</p>
<p>This is the first in a series of ‘how to’ videos on preparing images for the web. </p>
<p>In this one, I’m going to be using Photoshop Creative Cloud. And in the next two videos I&#8217;ll demonstrate how to use an amazing web-based app called Canva. And then finally, how you can use Mac Preview which comes standard as part of the software bundle on your Mac.</p>
<p>Right now, we’re going to get to work using Photoshop Creative Cloud. </p>
<h3>Step One: Know what size image you need</h3>
<p>For the demo today, I’m going to be prepping a header image for a Divi website. I know that the ideal dimensions for a full-width header image for Divi are 1920 pixels wide x 1080 pixels high. </p>
<p>So I want to make sure the image is AT LEAST the dimensions of 1920 pixels wide x 1080 pixels high. </p>
<p>The one we’re working with today is 7360 x 4912. Obviously, way larger than we actually need. And that’s perfect. Because if we want to crop the image differently, for example, if we wanted to zoom in more on the hiker, we could do that and still have our desired width of 1920 pixels. </p>
<p>You never want to use a source file that is smaller than the final dimensions or you’ll lose image quality and end up with a blurry or pixelated photo on your website.</p>
<p>In Photoshop, you can check the image’s dimensions by going into IMAGE > IMAGE SIZE. Or use the shortcut OPTION + COMMAND + I.</p>
<p>I chose an image from unsplash.com by photographer Ashley Knedler taking at Blowing Rock, NC. I like that it has a lot of white space around the subject. So as visitors see this header image on smaller screen sizes, they should still get a good experience without the hiker’s head getting cropped out.</p>
<p>You can learn more about some of my favorite stock image sites in the article, Where to Find the Best Images for Your Website <link>, on my blog. </p>
<h3>Step Two: Create a New Canvas in Photoshop</h3>
<p>Now that we have our image dimensions worked out and we have a photo to work with we want to create a new canvas using our full-width header image dimensions.</p>
<p>1. Open a new Photoshop file by clicking on FILE > NEW or use the shortcut COMMAND + N.<br />
2. You can name your file here. I prefer to name the file when I’m saving it.<br />
3. Enter the full-width header file dimensions of 1920 pixels wide x 1080 pixels high.<br />
4. You can leave the rest of the default settings as is.<br />
5. And then click on CREATE</p>
<h3>Step Three: Merge the Source Image File with the New Canvas</h3>
<p>So now we have a new file ready to go and we also have the stock image file open on our desktop.<br />
1. Then open the image file in Photoshop that you want to use as the header for your About page.<br />
2. Separate the two Photoshop files into two independent windows by clicking on the top tab of one of them and dragging it away from the Photoshop window. When you see a new Photoshop window appearing independently from the application, release your mouse. You should now have two separate windows.</p>
<p>1. Arrange the two windows so you can see at least a part of the image and also part of the blank canvas at the same time.<br />
2. Click and drag the image over to the blank canvas until you see the canvas is activated. And drop it.<br />
3. At first, you may see only part of the image because it’s much larger than your 1920 x 1080 canvas.<br />
4. If that’s the case, hit COMMAND + ‘0’ and make sure ’SHOW TRANSFORM CONTROLS is selected in the toolbar. Doing this let’s you see what the actual parameters are of the photo with the hiker. See, he’s here. We just need to resize the photo so it fits in the new window.<br />
5. Holding SHIFT + dragging with your mouse, resize the image until it looks the way you want it to.<br />
6. I’m hitting COMMAND + ‘+’ to make the new canvas larger and easier to see. And then making the window bigger than the canvas to reveal the parameters of the original photo again so I can do some fine tuning.<br />
7. You want to keep the original image outside the new canvas so it’s covering the canvas completely. Or you’re going to end up with this white background—in this case—on the right edge.<br />
8. Obviously, our source image has more height than we need.<br />
9. I’m going to use the built-in guides to show me when the photo is centered on the new canvas.<br />
10. And then hit ENTER to accept all of the changes we just made.</p>
<p>Since we’re not actually cropping the image, we can go back and make adjustments if we want to. </p>
<h3>Step Four: Save Your Image in Photoshop</h3>
<p>Now that our hike photo image is at the size we want, it’s time to save it for the web.<br />
1. Select FILE > SAVE or use the shortcut COMMAND + S.<br />
2. Name the file. I use a specific naming convention to help keep my images organized. You can use whatever naming system works for you.<br />
3. Click SAVE to keep a copy of the file in Photoshop.</p>
<h3>Step Five: Export Your Image for the Web</h3>
<p>1. Select FILE > EXPORT > SAVE FOR WEB or use the shortcut OPTION + COMMAND + SHIFT + S.<br />
2. in the new dialog box that pops up, I like to work in the 4-Up view which shows me the Original Photoshop file and then three versions of the file in JPG format at different levels of quality.<br />
3. We could change the file format to a PNG or GIF file. But actually, for photos, JPG works the best for preserving quality at the more compressed file size.<br />
4. The goal with header images is to try to keep around 100k. The smaller the file size the better for your user experience and Google ranking since Google’s algorithm includes site performance among lots of other things.<br />
5. You can zoom in to these four views by clicking on the zoom + or &#8211; buttons. And you can re-orient the image by just dragging it around. </p>
<p>1. I’m going to zoom in on the hiker. We can see that there’s a little bit of artifacting happening around him. Not a huge deal in this case because the hiker is a small element in the image and even at the smallest file size presented her at 58K, the bright red color of his jacket and deep black of his hat and pants still look very crisp and sharp. And most people aren&#8217;t going to see the image zoomed in at 400%. </p>
<p>That said, let’s take a quick look at the background. In the file size that’s 58K, the sky has a lot of visual banding and noise happening. I can see it even at 100%. And I’m seeing it in the file here that’s at 90K and is the closest in file size to our 100K goal. We don’t want see that.<br />
2. Let’s adjust the 90K photo using the quality slider up to about 52 and making the image size about 108K looks right to me.<br />
3. You can also use the Preset menu to select Low, Medium, High, etc. I like being able to fine-tune my images with the slider.<br />
4. Now that I’m satisfied with this image, I’m ready to click on SAVE.</p>
<p>You can follow these same steps for images that go anyplace on your website. The only real difference is going to be the photo dimensions.</p>
<p>And there’s more than one way to use Photoshop to prepare your images for the web.</p>
<p>I prefer this method of cropping images to size because I rarely receive from clients or find stock image that are the exact right size. And doing it this way lets me see how the image is going to look cropped and still have the flexibility to move the image around in Photoshop so I can frame the image exactly the way I want. </p>
<p>So I really want to encourage you to prep images before uploading them  to your website. And I hope this video showed you why prepping images is so important. And gave you some useful tips on how I use Photoshop to crop and optimize images for the web. If you enjoyed this video, if you found it useful, please let me know in the comments. I’d also love to hear if your image prep process is similar to mine. </p>
<p>I’ll be making two more videos for this shorts series and will demonstrate this same process using Canva and Mac Preview. I hope you’ll come back to watch those. See you then.</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://www.marymaru.com/techtalk/how-to-prep-images-for-your-website-using-photoshop-cc/">How to Prep Images for Your Website Using Photoshop</a> appeared first on <a href="https://www.marymaru.com">Mary Maru Design</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.marymaru.com/techtalk/how-to-prep-images-for-your-website-using-photoshop-cc/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
